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:
``
bash
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:
`
tsx editor.jsx
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({
type: "doc",
content: [
{
type: "paragraph",
content: [{ type: "text", text: "Hello, this is Nexo Editor!" }]
}
]
});
return (
content={content}
onChange={(updatedContent) => setContent(updatedContent)}
/>
);
}
``
$3
- Full API Docs (Coming Soon) -
https://docs.nexonauts.com/packages
- Examples & Advanced Use Cases (Coming Soon)
$3
- 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.