Slate JS Text Editor



Slate JS Editor

Slate JS Editor

Demo URL

Slate JS Editor Live Site

Github URL

Slate JS Editor Live Site


Slate JS Editor is an editable rich text editor that surpasses the capabilities of a standard <textarea>. It allows users to perform rich text editing functions, such as making text bold or adding semantically rendered block quotes. The editor provides a user-friendly platform to experiment with text styling and formatting in real-time.

Tech Stack

  • NextJS
  • Slate.js
  • Chakra UI
  • Framer Motion


  • Rich text editing
  • Text formatting
  • Block quotes


Try out the editor by visiting the demo URL and start editing the text directly on the page. Explore the formatting options to customize your text.

For a more detailed guide on how to implement or contribute to the editor, refer to the repository's documentation.