First look at React Email Editor
React Email just launched an open source email editor — and it's shockingly easy to add to your app. Drop in a single component and your users get a full drag-and-drop email building experience, complete with HTML export, custom themes, an inspector sidebar, and extensible blocks.
Overview of the new React Email editor and what it can do out of the box
Installing the package and embedding the editor in a Next.js app with just a few lines of code
Adding default and custom CSS themes (including dark mode)
Exporting editor content to email-friendly HTML and plain text using `composeReactEmail`
Adding the inspector sidebar so users can tweak padding, styles, and block-level settings
Building custom extensions (callouts, image uploads, charts) using the Tiptap-based architecture
Where to find examples, docs, and the composable API for deeper customization
React Email Editor docs & examples: https://react.email
React Email on GitHub: https://github.com/resend/react-email
Resend (email sending): https://resend.com
0:00 Intro
0:40 Editor Overview & Examples
1:06 Customizations & Extensions
2:46 Installing the Package
3:07 Adding the Editor Component
3:34 Adding CSS & Themes
4:09 Custom Theme (Dark Mode)
4:57 Exporting to HTML & Plain Text
6:49 Adding the Inspector Sidebar
8:27 Explore the Docs & Examples