npm version

🚀 Features

  • ⚛️ React Component – Simple and flexible integration.
  • ✨ TipTap Extensions Support – Extend functionality easily.
  • 🖌️ Customizable Toolbar – Full control over UI & UX.
  • 🧩 Plugin System – Add custom behaviors.
  • 🎨 Tailwind & ShadCN UI Compatible – Style seamlessly.
  • 📦 SSR Friendly – Works with Next.js, Remix, etc.
  • 🔌 Floating UI & Radix Components – Smooth UX patterns.
  • ♿ Accessible Design – Built with ARIA attributes.
  • 📄 Markdown & MDX Support – For content-heavy applications.

📦Installation

Install via your preferred package manager:
npm install nexo-editor --save
# or
bun install nexo-editor
# or
pnpm add nexo-editor

⚡Basic Usage

Here’s how to integrate nexo-editor into your React project:
editor.jsx
import React, { useState } from 'react';
import { NexoEditor } from 'nexo-editor';
import type { Content } from '@tiptap/react';

export function Editor() {
  const [content, setContent] = useState<Content>({
    type: "doc",
    content: [
      {
        type: "paragraph",
        content: [{ type: "text", text: "Hello, this is Nexo Editor!" }]
      }
    ]
  });

  return (
    <NexoEditor
      content={content}
      onChange={(updatedContent) => setContent(updatedContent)}
    />
  );
}

🔥 Why Nexo Editor?

  • For developers needing a React-friendly Markdown editor.
  • Perfect for CMS, Blogs, SaaS Platforms.
  • Highly customizable UI/UX for tailored editor experiences.
  • Designed with developer ergonomics in mind.
  • Extensible through TipTap’s powerful plugin system.Why Nexo Editor? 🔥 For developers needing a React-friendly Markdown editor.
  • Perfect for CMS, Blogs, SaaS Platforms.
  • Highly customizable UI/UX for tailored editor experiences.
  • Designed with developer ergonomics in mind.
  • Extensible through TipTap’s powerful plugin system.

Examples & Advanced Use Cases (Coming Soon)

SEO Keywords

  • React Markdown Editor, Rich Text Editor React, TipTap React Editor, SSR Compatible Editor, ShadCN UI Editor, Tailwind React Editor Component, MDX Editor for React, Accessible Markdown Editor, React CMS Editor Component, Nexo Editor Package