Nexo Editor — React Markdown & MDX Rich Text Editor

A lightweight, customizable React Markdown Editor built on TipTap, designed for modern React projects with support for SSR, Tailwind, ShadCN UI, and plugin extensibility based on @tiptap/react

🚀 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:

import React, { useState } from 'react';
import { NexoEditor } from 'nexo-editor';
import type { Content } from '@tiptap/react';
import "nexo-editor/index.css"; // import the essential styles

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)}
    />
  );
}

📚Documentation

• Full API Docs (Coming Soon) - https://docs.nexonauts.com/packages
• Examples & Advanced Use Cases (Coming Soon)

🔥 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.