Back to Writing
Tools Summary

Tool Spotlight: Novel WYSIWYG Editor

Explaining why Novel is the gold standard for rich text inputs in modern React apps.

3 min read
Tool Spotlight: Novel WYSIWYG Editor cover

Novel: The Notion-style WYSIWYG Editor for React

Building rich text editors is notoriously difficult. Enter Novel.

What is Novel?

Novel is an open-source, Notion-style WYSIWYG editor built specifically for the React ecosystem. It elegantly combines TipTap, React, and Tailwind CSS.

Key Features

  • Slash Commands: Type / to open a beautifully styled command menu.
  • Bubble Menu: Highlight text to see floating formatting options.
  • AI Integration Ready: Designed for autocompletion and AI-generation workflows.

Why I Use It

I integrated Novel into this portfolio to power the admin dashboard's writing experience. It allowed me to deliver a world-class editing experience in minutes, matching the custom dark-glass aesthetic of this site perfectly.