LexKit Docs

LexKit — a type-safe rich text editor framework

Build editors fast. LexKit is headless and TypeScript-first, powered by Meta's Lexical. Perfect for blogs, apps, and teams.

Type-Safe & ScalableProduction-ReadyFully Customizable

Start typing...

What makes LexKit different

Developer-friendly: safe commands, flexible extensions, and ready-to-use features.

Install & Plug In

Install in one line. Get a working editor with smart defaults.

Define Extensions

Pick what you need: bold, images, tables. Get safe, auto-typed commands.

Build Your UI

Use the Provider and hooks. Build UIs easily. Export to HTML or Markdown.

That's it. Simple, powerful, and fun to use.

Lightning Performance

Fast and efficient. Handles big documents with ease.

Truly Extensible

Mix and match 25+ extensions. Build custom features easily.

Type-Safe Commands

Safe commands and states. Fewer bugs, better code.

Get Started

Install LexKit and start building in minutes.

Install LexKit

npm install @lexkit/editor

Install Lexical Dependencies

npm install lexical @lexical/react @lexical/html @lexical/markdown @lexical/list @lexical/rich-text @lexical/selection @lexical/utils

Brought to you with ❤️

LexKit is free, open-source software built by developers, for developers. Your support keeps this project alive — whether it's a GitHub star, bug report, feature suggestion, or a small donation. Every contribution helps maintain and improve LexKit for everyone.

⭐ Star on GitHub•💝 Support the project

Progressive Examples

Step-by-step examples: from basic to advanced.

1. Basic Editor

Basic text formatting: bold, italic, lists.

Start writing your content here...

2. Themed Editor

Custom themes and styling.

Experience the power of theming! This editor uses custom CSS classes for complete control over appearance.

3. Advanced Features

Tables, images, exports, and more.

Start writing with advanced features like images, links, HTML export, and Markdown support...

4. Tailwind Theming

Pure Tailwind CSS styling — no custom CSS files.

Start writing with Tailwind-styled editor...

This editor is styled entirely with Tailwind CSS classes — no custom CSS files needed!

Continue your journey

Ready to build something amazing? Explore our documentation and examples.

🚀 Quick Start•🧩 Extensions•⭐ GitHub