Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Draft.js

Draft.js

The "Awesome Draft.js" project is a curated resource list dedicated to Draft.js, a rich text editor framework for React. Draft.js allows developers to build powerful text editing experiences in their applications, and this list encompasses a variety of resources including plugins, examples, tutorials, and tools that enhance the Draft.js ecosystem. Whether you're a beginner looking to implement basic text editing or an experienced developer seeking advanced features and integrations, this collection provides valuable insights and resources. Dive into this list to discover how to leverage Draft.js for creating dynamic and feature-rich text editing solutions in your React projects.

draftjsreactrich-text-editortext-editingpluginstutorialsdevelopment-tools
RSSView on GitHub
2.5k stars136 forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
🌊
Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k

Table of Contents

10 sections · 99 projects

General

1 projects
CommunityCommunity

A curated list of resources, plugins, editors, and utilities for the Draft.js rich text editor framework.

#resource-aggregation#developer-tools#wysiwyg
Stars2,522
Forks135
Last commit4 years ago

Community

1 projects
Slack channel

draftjs.herokuapp.com

Presentations

6 projects
Rich Text Editing with React @ React.js Conf 2016 by Isaac Salier-Hellendag

youtube.com
Rich text editing with Draft.js & DraftJS Plugins by Nik Graf

youtube.com
React Ep. 37: Draftjs by What I Learned Today – Atomic Jolt

youtube.com
008 - Draft.js Plugins @ React30

youtube.com
Draft.js at HubSpot by Ben Briggs

product.hubspot.com
Draft.js under the hood - React Melbourne meetup

youtube.com

Standalone Editors Built on Draft.js

12 projects
Draft WYSIWYGDraft WYSIWYG

A WYSIWYG editor built on Draft.js with drag-and-drop, resizing, tooltips, and table support.

#tables#content-editing#medium-like
Stars448
Forks62
Last commit9 years ago
Draft.js EditorDraft.js Editor

A React-based rich text editor component built on Facebook's Draft.js, inspired by Medium and Facebook Notes.

#react-component#content-editing#wysiwyg
Stars144
Forks16
Last commit3 years ago
React-RTEReact-RTE

A pure React rich text WYSIWYG editor component built on Draft.js, designed as a full-featured textarea replacement.

#react-component#wysiwyg#contenteditable
Stars2,859
Forks426
Last commit3 years ago
Facebook Notes Clone(ish)Facebook Notes Clone(ish)

A React rich text editor built with Draft.js, replicating the Facebook Notes editor interface.

#frontend#ui-components#rich-text-editor
Stars230
Forks39
Last commit8 years ago
MegadraftMegadraft

A rich text editor built on Facebook's Draft.js with a nice default component base and extensibility.

#wysiwyg#content-editable#contenteditable
Stars1,224
Forks214
Last commit11 months ago
Medium DraftMedium Draft

A Medium-like rich text editor built on draft-js with extensive keyboard shortcuts and customizable blocks.

#react-component#content-editing#wysiwyg
Stars1,713
Forks235
Last commit9 months ago
React-Draft-WyiswygReact-Draft-Wyiswyg

A customizable WYSIWYG rich text editor built with React and Draft.js for React applications.

#content-editing#frontend#ui-components
Stars6,456
Forks1,146
Last commit1 year ago
Dante 2Dante 2

A rich text editor built with Draft.js, offering a customizable editing experience with modern React components.

#content-editing#text-editor#react-application
Stars910
Forks113
Last commit5 years ago
Last DraftLast Draft

A feature-rich Draft.js editor with built-in plugins for rich text editing in React applications.

#content-editing#wysiwyg#frontend
Stars218
Forks25
Last commit8 years ago
Z-EditorZ-Editor

An online editor for creating, editing, and printing formal Z-notation documents using Prosemirror and React.

#z-notation#formal#methods
Stars156
Forks43
Last commit3 months ago
DraftailDraftail

A configurable rich text editor built with Draft.js, focusing on keyboard-centric editing and extensibility.

#react-component#wysiwyg#content-management
Stars631
Forks65
Last commit6 months ago
BraftBraft

A beautiful and easy-to-use React rich text editor built on draft-js, offering extensive customization and multimedia support.

#wysiwyg#content-editable#customizable
Stars4,576
Forks578
Last commit1 year ago

Plugins and Decorators Built for Draft.js

34 projects
Draft.js PluginsDraft.js Plugins

A React plugin architecture for Draft.js providing Slack-like emojis, Facebook-like mentions, stickers, and other rich text editor features.

#stickers#wysiwyg#draft-js-plugins
Stars4,086
Forks1,040
Last commit7 months ago
Alignment

draft-js-plugins.com
Block BreakoutBlock Breakout

A Draft.js plugin that automatically changes block types when pressing return at block boundaries.

#react-component#wysiwyg#content-editable
Stars40
Forks10
Last commit8 years ago
Counter

draft-js-plugins.com
DividerDivider

A collection of custom DraftJS plugins that extend the functionality beyond the original draft-js-plugins library.

#wysiwyg#ui-components#rich-text-editor
Stars2
Forks2
Last commit8 years ago
Drag and Drop

draft-js-plugins.com
Emoji

draft-js-plugins.com
Focus

draft-js-plugins.com
Hashtags

draft-js-plugins.com
Image

draft-js-plugins.com
Inline Toolbar

draft-js-plugins.com
KatexKatex

A DraftJS plugin for inserting and rendering LaTeX equations using KaTeX with optional MathInput integration.

#draftjs#editor-plugin#latex
Stars32
Forks14
Last commit4 years ago
Linkify

draft-js-plugins.com
ListList

A Draft.js plugin that automatically creates and manages ordered/unordered lists with nested list support.

#react-component#wysiwyg#draft-js-plugins
Stars13
Forks6
Last commit6 years ago
Markdown ShortcutsMarkdown Shortcuts

A DraftJS plugin that adds Markdown syntax shortcuts to rich text editors.

#wysiwyg#content-editable#editor-plugin
Stars275
Forks97
Last commit5 years ago
MathjaxMathjax

A Draft.js plugin for editing mathematical equations using LaTeX syntax with MathJax rendering.

#react-component#latex#mathjax
Stars5
Forks18
Last commit9 years ago
Mention

draft-js-plugins.com
PrismPrism

A DraftJS plugin that adds syntax highlighting to code blocks using Prism.js.

#draftjs#draft-js-plugins#draftjs-plugins
Stars48
Forks6
Last commit5 years ago
Resizeable

draft-js-plugins.com
RichButtonsRichButtons

A plugin for adding rich formatting controls to DraftJS editors with customizable inline and block style buttons.

#react-component#wysiwyg#inline-styles
Stars38
Forks14
Last commit5 years ago
Side Toolbar

draft-js-plugins.com
Single LineSingle Line

A Draft.js plugin that restricts the editor to a single line of input while optionally preserving rich styling.

#react-component#text-input#editor-plugin
Stars43
Forks9
Last commit3 years ago
Sticker

draft-js-plugins.com
ButtonsButtons

A collection of Draft.js plugins used in the Last Draft editor for enhanced rich text editing capabilities.

#wysiwyg#content-editable#javascript-library
Stars95
Forks29
Last commit8 years ago
Undo

draft-js-plugins.com
Video

draft-js-plugins.com
Draft.js GutterDraft.js Gutter

A React component that adds a line number gutter to Draft.js text editors.

#react-component#ui-component#text-editor
Stars14
Forks2
Last commit10 years ago
Draft.js Basic HTML EditorDraft.js Basic HTML Editor

A React-based HTML editor using Draft.js that converts HTML to Draft.js content and back.

#react-component#wysiwyg#content-editable
Stars87
Forks28
Last commit6 years ago
Draft.js PrismDraft.js Prism

A DraftJS decorator that adds syntax highlighting to code blocks using Prism.

#code-blocks#syntax-highlighting#decorator
Stars272
Forks35
Last commit5 years ago
Draft.js TypeaheadDraft.js Typeahead

A higher-order React component that adds typeahead/autocomplete functionality to Draft.js editors, inspired by Facebook.com.

#typeahead#draftjs#content-editable
Stars120
Forks14
Last commit8 years ago
Draft ExtendDraft Extend

A platform for building extensible Draft.js editors with modular plugins and integrated HTML serialization.

#plugin-system#higher-order-components#content-editable
Stars114
Forks19
Last commit3 years ago
Draft.js CodeDraft.js Code

A collection of low-level utilities for enhanced code block editing in DraftJS editors.

#code-blocks#editor-utilities#code-editing
Stars108
Forks25
Last commit8 years ago
Draft.js AnnotatableDraft.js Annotatable

A library for adding notes to text using Draft.js.

#open-source#collaborative-editing#javascript-library
Stars13
Forks1
Last commit7 years ago
Draft.js RegexDraft.js Regex

Flexible helpers for Draft.js to improve editor capabilities with regex text replacement and style management.

#content-editing#regex#text-processing
Stars19
Forks1
Last commit6 years ago