v0.1.5 — Now available on npm

The Rich Text Editor Built for Publishing

A lightweight, block-based editor for React that outputs clean, semantic HTML. Perfect for blogs, documentation, and content management systems.

Lightweight ~30kb
TypeScript Ready
Dark Mode Built-in
13+ Block Types
Live Demo

See It In Action

Experience the editor right here. Edit content, see the preview, and inspect the clean HTML output in real-time.

authorly-editor-demo.tsx
Loading editor...

Type / to see available block types

~30kb
Gzipped Size
Lightning fast
13+
Block Types
Everything you need
0
Dependencies*
React only
100%
TypeScript
Fully typed

*Only React as a peer dependency

Features

Everything You Need to Ship Great Content

Authorly comes packed with features that make building content-rich applications a breeze.

Block-Based Editing

Modular content blocks that snap together perfectly. Each block type is purpose-built for its content.

Learn more

Pure Semantic HTML

Outputs clean, standards-compliant HTML. No proprietary formats, no vendor lock-in, just pure markup.

Learn more

Dark Mode Ready

Beautiful dark theme built-in. Automatically adapts to system preferences or manual toggle.

Learn more

Keyboard Shortcuts

Full keyboard navigation and markdown-style shortcuts for power users who never want to leave the keyboard.

Learn more

Lightweight & Fast

Only ~30kb gzipped with React as the only peer dependency. No bloated bundles.

Learn more

Fully Customizable

CSS variables for theming, configurable toolbars, and extensible block system.

Learn more
Simple API

Simple to use, powerful results

Get started in minutes with our intuitive API. No complex configuration required.

App.tsx
1import { AuthorlyEditor } from 'authorly-editor';
2import 'authorly-editor/styles';
3
4function App() {
5 const [content, setContent] = useState('');
6
7 return (
8 <AuthorlyEditor
9 initialContent={content}
10 onChange={setContent}
11 placeholder="Start writing..."
12 />
13 );
14}
See the difference

Why developers choose Authorly

A detailed comparison with popular rich text editors. See how Authorly simplifies your content editing workflow.

Feature
Authorly
Recommended
Quill
TipTap
Draft.js
Output & Storage
Output Format
Pure HTML
Delta JSON
JSON AST
ContentState
Database Storage
Simple string
JSON blob
JSON blob
Serialized object
SEO Friendly
SSR Compatible
Partial
Bundle Size
Bundle Size (gzip)
~30kb
~43kb
~100kb+
~200kb+
Dependencies
React only
Parchment
ProseMirror
Immutable.js
Tree Shakeable
Developer Experience
Setup Time
< 5 min
10-30 min
30-60 min
1-2 hours
Learning Curve
Easy
Moderate
Steep
Steep
TypeScript Support
Community
Documentation
Excellent
Good
Good
Outdated
Features
Block-based Editing
Slash Commands
Plugin
Dark Mode Built-in
Tables Support
Community
Paid
Image/Video Embeds
Plugin
Plugin
3x

Smaller bundle than Draft.js

100%

SEO-friendly HTML output

#1

Easiest setup and learning curve

Open Source • MIT Licensed • Free Forever

Start building with Authorly today

Production-ready editor trusted by developers. Get started in minutes with clean APIs and comprehensive documentation.

Click to copy

Production Ready
TypeScript Support
~30kb Gzipped
Zero Config