Skip to main content
Lexical powers text editing experiences across a wide range of applications, from social media platforms to documentation tools.

​
Interactive Playground

Lexical Playground

Explore all of Lexical’s features in an interactive environment. The playground demonstrates:
  • Rich text formatting (bold, italic, underline, strikethrough, code)
  • Block types (headings, quotes, code blocks, lists)
  • Tables with advanced features (merging, resizing, frozen rows/columns)
  • Images with captions and resizing
  • Markdown shortcuts and import/export
  • Real-time collaboration via Yjs
  • Custom nodes and decorators
  • Excalidraw integration
  • Comments and mentions
  • Character and word count
  • Tree view for debugging
Open Playground →

​
Production Usage

Lexical is used in production by Meta (Facebook) and is actively maintained as a critical piece of infrastructure. The framework was built to handle:
  • Scale: Millions of users editing content simultaneously
  • Reliability: Mission-critical content creation workflows
  • Accessibility: Full WCAG compliance for inclusive experiences
  • Performance: Smooth editing even with large documents
  • Extensibility: Custom features and integrations
Lexical powers content creation tools at Meta, demonstrating its production-readiness and scalability.
Explore community-built projects and integrations:

Community Gallery

Browse projects built with Lexical, including:
  • Content management systems
  • Note-taking applications
  • Documentation platforms
  • Blog editors
  • Collaborative writing tools
  • Custom integrations
Visit Gallery →

​
Framework Support

Lexical’s framework-agnostic core enables integration with any UI library:

React

Official React bindings with comprehensive plugin ecosystem via @lexical/react

Vanilla JavaScript

Pure JavaScript implementation for maximum flexibility and minimal bundle size

Svelte

Extension API works seamlessly with Svelte’s reactive store API

Other Frameworks

Community bindings for Vue, Angular, and other frameworks

​
Key Features in Production

​
Collaborative Editing

Real-time collaboration powered by Yjs integration enables multiple users to edit simultaneously with:
  • Conflict-free replicated data types (CRDTs)
  • Cursor presence and awareness
  • Undo/redo that respects collaborative changes
  • WebSocket or WebRTC transport

​
Rich Content Support

  • Tables: Complex layouts with cell merging, frozen rows/columns, and resizing
  • Code Blocks: Syntax highlighting with Shiki or Prism
  • Images: Upload, resize, captions, and linking
  • Lists: Nested lists, checklists, ordered/unordered with custom markers
  • Embeds: Custom decorator nodes for any embeddable content

​
Import/Export

  • JSON: Native serialization format with full fidelity
  • Markdown: Bidirectional conversion with shortcut support
  • HTML: Import from and export to HTML with customizable transformers
  • Copy/Paste: Intelligent clipboard handling with format preservation

​
Accessibility

Built-in support for:
  • Screen readers and assistive technologies
  • Keyboard navigation
  • ARIA attributes and roles
  • Focus management
  • Dragon NaturallySpeaking voice input

​
Build Your Own

Start with the examples to see implementation patterns, or dive into the Quick Start to build your first editor.

Examples

Browse example implementations for different use cases

Quick Start

Build your first Lexical editor in minutes

API Reference

Explore the complete API documentation

Contributing

Join the community and contribute to Lexical

Build docs developers (and LLMs) love

Get started for freeTalk to us