Build really rich
editors with Yoopta
Build Notion-like editors or custom CMS applications in minutes.
Free, open-source, and packed with 20+ plugins, drag & drop, theme presets, and full API control.
npm install @yoopta/editorEverything you need to build
modern editors
Yoopta comes with all the features you need to create rich text editing experiences, without the complexity.
20+ Plugins
Paragraph, headings, lists, code, images, videos, tables, accordions, and more out of the box.
Drag & Drop
Intuitive drag and drop to reorder blocks. Supports nested structures with indentation and multi-block drag and drop.
Keyboard Shortcuts
Full keyboard navigation. Markdown shortcuts, formatting hotkeys, and customizable bindings.
Export Anywhere
Export to HTML, Markdown, plain text, or email-compatible HTML. Custom serializers supported.
Programmatic API
Full control with Editor API, Blocks API, Elements API, Plugin Commands API, Marks API
Theming
Light and dark themes. Theme presets like Shadcn UI, Material UI (in progress) and other
Mobile Friendly
Responsive design that works on all devices. Touch-optimized interactions.
Performant
Handles large documents smoothly.
Undo/Redo
Full history support with undo/redo. Batch operations for complex changes.
TypeScript
Written in TypeScript with full type definitions. Great DX and IntelliSense.
Selection Box
Multi-block selection with drag selection box. Bulk operations on selected blocks.
Plugin Architecture
Create custom plugins with custom renders, shortcuts, and behaviors.
Every block type you need
From simple paragraphs to complex tables and accordions. Mix and match plugins to build your perfect editor.
Text
Basic text formatting blocks
Paragraph
@yoopta/paragraph
Heading 1
@yoopta/headings
Heading 2
@yoopta/headings
Heading 3
@yoopta/headings
Blockquote
@yoopta/blockquote
Lists
Organized content blocks
Bulleted List
@yoopta/lists
Numbered List
@yoopta/lists
Todo List
@yoopta/lists
Media
Rich media embeds
Image
@yoopta/image
Video
@yoopta/video
Embed
@yoopta/embed
File
@yoopta/file
Carousel
@yoopta/carousel
Advanced
Complex structured blocks
Table
@yoopta/table
Code
@yoopta/code
Code Group
@yoopta/code-group
Accordion
@yoopta/accordion
Tabs
@yoopta/tabs
Steps
@yoopta/steps
Callout
@yoopta/callout
Divider
@yoopta/divider
Inline
Inline elements within text
Link
@yoopta/link
Mention
@yoopta/mention
Emoji
@yoopta/emoji
Text Formatting (Marks)
Apply formatting to any text selection
@yoopta/marksWhy choose Yoopta?
Yoopta gives you everything out of the box: 20+ plugins, pre-built UI, theme presets, and a Notion-like editing experience — all 100% free.
| Feature | Yoopta | TipTap | Lexical | Quill |
|---|---|---|---|---|
100% Free & Open Source All features free, no paid tiers | ||||
Block-based Architecture Notion-like block editing | ||||
20+ Ready Plugins Tables, accordions, tabs, code, etc. | ||||
Drag & Drop Blocks Reorder with drag handles | ||||
Multi-block Selection Select multiple blocks at once | ||||
Theme Presets shadcn, Material UI themes | ||||
Nested Block Content Blocks inside accordions, tabs, etc. | ||||
Pre-built UI Components Toolbar, slash menu, block options | ||||
Export HTML/Markdown/Email Multiple export formats | ||||
TypeScript First Full type safety | ||||
Modern React (18+) Hooks, concurrent features | ||||
Low Learning Curve Quick to get started | ||||
Mobile Friendly Touch-optimized, responsive | ||||
Custom CMS-like Plugins Build complex block types easily |
Comparison based on default/free offerings. All frameworks are excellent choices depending on your needs.
See what people build with Yoopta
Yoo AI is an AI-powered app builder built on top of Yoopta Editor. Everything you love about Yoopta — plugins, drag & drop, theming — now wrapped in an AI-first experience anyone can use.
AI generates your app
Describe what you want in plain text. AI assembles a multi-page app from the plugin marketplace in seconds.
Edit directly in preview
Click any block to edit inline — text, images, styles. No code editor. The preview is the editor.
Multi-page apps
Unlimited pages with navigation, per-page SEO, and shared context. AI generates entire apps from one prompt.
API data binding
Connect any block to external APIs. Product catalogs, listings, blog posts — static content meets live data.
AI Plugin Generator
Can't find the right block? Describe it. AI generates a complete plugin with live preview and source code.
Plugin marketplace
200+ plugins built by the community. Developers publish blocks, AI learns them, users install in one click.
Real-time collaboration
Edit together with cursors, selections, and presence. Powered by the same Yjs CRDT behind Figma and Notion.
Try Yoo AI — free early access
Describe your app. AI builds it with Yoopta plugins. You edit it visually. First 100 users get lifetime perks.
Frequently asked questions
Everything you need to know about Yoopta Editor
Still have questions?
Can't find the answer you're looking for? Join our community.
Supported by the community
Yoopta is free and open-source, made possible by our sponsors and contributors.
Current sponsors
Thanks to these sponsors for supporting Yoopta.
Become a sponsor
If you find Yoopta useful, give us a star on GitHub
Star on GitHub