Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

Craft your own editor on Select plugins of your choice, all within our unified Playground used across all the examples.

Generate your editor components with our CLI built on top of shadcn-ui. You'll find a dedicated plate-ui folder next to ui, marking the first component registry built alongside @shadcn's. Around 100 components.

What sets Slate and Plate apart from other editor frameworks? They are architected specifically for React and TypeScript, no external wrappers needed. Free from framework tradeoffs.

Huge thanks to: ◆ @nextjs for hosting, ◆ @dylans for maintaining Slate, ◆ @shadcn for the stellar UI, CLI and docs, ◆ Joe ( for pairing with me on this long ride. Excited for what's next in our journey with Plate!

@radix_ui Looks really good. Congrats on the launch 🚀

@radix_ui @shadcn @shadcn I think we should add showcase page to shadcn ui docs. So we could share these kind of incredible projects there as well

@radix_ui @shadcn That would be nice to build an ecosystem around the components.json convention. I think @shadcn is looking into it.

@radix_ui @shadcn Oh man perfect timing, im about to start the development of a tool inspired by something I read in atomic habits and this text editor is just what I will need. Thanks for sharing!

@radix_ui @shadcn Nice video, for those looking something “similar” for React Native, the best option is at the moment, I would like to know what Notion is using for the rich text editor feature in their app…🤔

@MrPompeii_ @radix_ui @shadcn Thanks for sharing. We try to optimize the React layer before going into React native. Notion has built their own editor framework.