Typr Editor

An open-source editor for publishers, with draft/publish workflow and user management.

https://typr.dev/demo

Built for Publishers

React Editor

Easily embed Typr in your React or Next.js projects.

Universal CMS Compatibility

Works with any CMS backend such as Strapi, WordPress, and custom CMS solutions.

Publish Workflow

Configurable draft/pending/publish workflow for content review and management.

Customizable UI

Offers a customizable user menu dropdown and editor navigation to match your application's design.

Admin Controls

Hide fields from the settings panel and editor for admin-only access.

Autosave

Automatic saving of content to ensure no work is lost during editing.

Why Typr?

Typr (made with TipTap) was built to streamline the process of adding a rich editing experience with publishing and autosaving capabilities to any React project. Originally developed for Prototypr, a platform built with Strapi and Next.js, Typr has evolved into a standalone package.

The goal is to provide developers with a flexible, and easy-to-integrate editor that handles content loading, creation, and auto-saving out of the box. By adding your user data and database props, you get a fully functional editor with draft and publishing workflows, saving you time and effort in implementation.

If you have any questions or feedback, please reach out to me on X. Also, star it on GitHub if it's useful.

Graeme Fulton
By Graeme

@graeme_fulton

Open for Contributions

Typr is an open-source project that's actively maintained and open for contributions.

Join us on GitHub and help shape the future of Typr!

Contribute on GitHub

Getting Started

npm install tiptypr

Add Typr to your project and start creating rich content experiences in minutes.