Live Examples
See what you can build with Yoopta Editor. Each example demonstrates different features and use cases, from basic editing to specialized applications.Full Setup
Complete editor with toolbar, slash menu, block actions, drag & drop, and mentions
CMS / Website Builder
Visual page builder with drag-and-drop blocks, sidebar settings, and live preview
Word-like Editor
Microsoft Word-inspired editor with fixed toolbar and export options
Email Builder
Email composition tool with templates, signatures, and HTML preview
README Editor
GitHub-flavored Markdown editor with live preview and templates
Chat Applications
Slack and WhatsApp-style messaging interfaces with rich text
Additional Examples
Real-time Collaboration
Multi-user editing with Yjs, remote cursors, and presence awareness
Nested Plugins
Injecting child elements from plugins into Accordion, Tabs, and Carousel
Large Document
Performance stress test demonstrating scalability with many blocks
Getting Started
All examples are available as:- Live demos at yoopta.dev/examples
- Source code on GitHub
- Real implementation patterns
- Plugin configurations
- UI component usage
- Export and serialization
- Custom features and workflows
Example Categories
Document Editors
Full-featured editing experiences similar to popular productivity tools:- Full Setup - Complete Notion-like experience
- Word Editor - Microsoft Word-style interface
- README Editor - Markdown-focused editor
Content Management
Tools for building and managing content:- CMS Builder - Visual website builder
- Email Builder - Email template creator
Communication
Messaging and chat applications:- Chat Applications - Slack and WhatsApp-style interfaces
Next Steps
Quick Start
Get started with Yoopta Editor in 5 minutes
API Reference
Explore the complete API documentation