awesome-draft-js
github.com/nikgraf/awesome-draft-js ↗Awesome list of Draft.js resources
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me presentations resources from awesome-draft-js"
Installation instructions →What's inside
Presentations
- 008 - Draft.js Plugins @ React30
Draft.js Plugins @ React30
- Draft.js at HubSpot by Ben Briggs
- Draft.js under the hood - React Melbourne meetup
React Melbourne meetup
- React Ep. 37: Draftjs by What I Learned Today – Atomic Jolt
- Rich text editing with Draft.js & DraftJS Plugins by Nik Graf
- Rich Text Editing with React @ React.js Conf 2016 by Isaac Salier-Hellendag
Blog Posts & Articles
- A Beginner’s Guide to Draft.js
- Draft.js Pieces
- Facebook open sources rich text editor framework Draft.js
- How Draft.js Represents Rich Text Data
- Implementing todo list in Draft.js
- Learning Draft.js
Series of blog posts on how to develop with draft.js
Plugins and Decorators Built for Draft.js
- Alignment
- Block Breakout
Break out of block types as you type.
- Counter
Character, word & line counting.
- Divider
- Draft Extend
Build extensible Draft.js editors with configurable plugins and integrated serialization.
- Draft.js Annotatable
Out of the box annotation system for Draft.js with support for user-created annotations.
Common Utilities
- BackDraft.js
Function to turn a rawContentBlock into a marked-up string.
- Draft Convert
Extensibly serialize & deserialize Draft.js ContentState with HTML.
- Draft.js AST Exporter
Export content into an abstract syntax tree (AST).
- Draft.js AST Importer
- Draft.js: Export ContentState to HTML
Export ContentState to HTML.
- Draft.js: Export ContentState to PDFMake
Export ContentState to PDFMake.
Standalone Editors Built on Draft.js
- Braft
Extensible Draft JS Editor
- Dante 2
Just another Medium clone built on top of DraftJs.
- Draftail
A configurable rich text editor based on Draft.js, built for Wagtail.
- Draft.js Editor
A Rich text editor inspired by Medium & Facebook Notes.
- Draft WYSIWYG
WYSIWYG editor that with drag&drop, resizing & tooltips.
- Facebook Notes Clone(ish)
Rich text editor similar to Facebook notes.
Playgrounds for Examples from Official Repository (v.0.10.0)
Usage in Production
Showing a sample of 106 resources. View the full list on GitHub →