npm version Star us on Github Live Demo

🚀 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.
  • For developers needing a React-friendly Rich Text 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 & More Advanced Use Cases (Coming Soon)

  • Shadcn Theme campatible Example : Live Demo

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