zenoamaro/react-quill

React-Quill is a component that wraps the Quill rich-text editor so it can be used inside React applications. Quill is a well-established open-source editor that gives users a word-processor-style interface in the browser, with formatting buttons for bold, italic, lists, links, images, and similar features. React-Quill makes it straightforward to drop that editor into a React project without needing to manage the Quill library manually. Installing the package via npm takes one command, and using it requires importing the component and its stylesheet, then placing the component tag where you want the editor to appear. You pass the current text content as a prop and receive updates via an onChange callback, fitting the typical React data-flow pattern. The README notes some nuance around controlled versus uncontrolled mode because Quill manages its own internal state, so React-Quill works around that with a hybrid approach. The editor supports two built-in visual styles: a standard toolbar appearance called snow, and a minimal floating-bubble style similar to the editor on the Medium writing platform. You can customize the toolbar buttons shown, define which text formats are allowed, and add custom format types. The library also supports Quill's Delta format as an alternative to plain HTML strings for storing and passing content. Version 2, the current release, rewrote the library in TypeScript and requires React 16 or later. The README notes that as of 2025, Quill itself ships official React integration examples, so this wrapper library may not be necessary for new projects. The project is MIT licensed. For anyone already using react-quill in an existing codebase, the library continues to work. For new projects, the Quill documentation's own React playground is now a reasonable starting point instead.