Beautiful rich text editors, made simple
Ready to use, customizable rich text editor components for React.
Built on Tiptap. Distributed via shadcn.
$ pnpm dlx shadcn add @editorcn/block-editorRich Text Editor
A traditional toolbar-style rich text editor. 20+ built-in controls including text formatting, headings, lists, links, alignment, and history.
Block Editor
A Notion-style block-based editor with slash commands, drag handles, and a bubble menu. Supports images, tables, code blocks, and task lists.
Customize everything
Icons, colors, controls — every part of the editor is yours to shape.
Icons
Swap any icon via the icons prop.
Themes
Override CSS variables for a completely different look.
Controls
Add custom toolbar buttons using RichTextEditor.Control.