Resources

A few resources that are helpful for building with Slate.

Libraries

These libraries are helpful when developing with Slate:

• is-hotkey is a simple way to check whether an onKeyDown handler should fire for a given hotkey, handling cross-platform concerns like cmd vs. ctrl keys for you automatically.

Extensions and Plugins

These extensions and plugins add additional features and capabilities to Slate:

• @liveblocks/yjs A fully-hosted WebSocket infrastructure and persisted data store for Yjs documents
• Plate Rich text editor plugin system for Slate & React
• slate-angular Angular-based view layer, which is a useful supplement to Slate for building a rich text editor using Angular.
• slate-yjs Collaborative editing utilities for Slate leveraging Yjs
• slate-collaborative Collaborative editing utilities for Slate leveraging Automerge
• slate-vue3 Which is a useful supplement to Slate for building a rich text editor using Vue3, integrated all functions in an npm package

Products

These products use Slate, and can give you an idea of what's possible:

• Aline: Digital contracting for the modern enterprise
• Archbee: Build better product docs with your team
• Campfire: The most versatile writing software [for fiction]
• Chatterbug: Learn languages from real people
• CoCalc: Collaborative calculation and data science
• Coda: Coda brings all your words, data, and teamwork into one powerful doc
• Decap CMS: Open source content management for your Git workflow
• Dropdeck: Magically create beautiful slides — faster than ever
• Easy Email Pro: A powerful, highly customizable email editor
• Eraser: The Whiteboard for Engineering Teams
• GitBook: Plan, centralize and share knowledge
• Discord: Text & voice channels to collaborate & share
• Grafana: Operational dashboards for your data
• Guilded: Better chat, happier communities
• Guru: Organize company information. Access it anywhere. [wiki]
• Hygraph: The federated content platform
• Hot Page: A graphical website builder for writing HTML and CSS from scratch
• Kitemaker: Product development tool built to manage the work, not the workers
• Living Spec: A modern way for product teams to work
• Notestamp: A note-taking web app that synchronizes your notes to audio, video and pdfs.
• Notes Together: Get mundane details out of your head
• Prezly: Turn your audience into fans
• Quill Forms: Open Source Typeform Alternative WordPress Plugin
• Sana: Reimagining learning with AI [LMS]
• Sanity.io: Platform for structured content [data driven content]
• Slite: Where remote teams make decisions and share knowledge
• Static CMS: Git-based CMS for Static Site Generators
• Taskade: Get work done in one unified workspace
• TRPG Engine
• Thoughts

Editors

These pre-packaged editors are built on top of Slate, and can be helpful to see how you might structure your code:

• Accord Project Markdown Editor is a WYSIWYG editor for CommonMark.
• Canner Editor is a rich text editor.
• Chatterslate helps teach language grammar and more at Chatterbug.
• CoCalc Collaborative Calculation editor in the Cloud
• French Press Editor is a customizeable editor with offline support.
• Nossas Editor is a drop-in WYSIWYG editor.
• Notestamp: Synchronize your text entries to media using this rich text editor that inserts clickable stamps alongside text.
• React Force Slate Editor is a light-weight medium-style editor with no editor chrome.
• React Page is a self-contained, customizable inline WYSIWYG editor library.
• Plate (Plugins for Slate) provides an editor with configurable and extendable plugins.
• Tripdocs: It's a modern, production-ready rich text editor.

(Or, if you have their exact use case, can be a drop-in editor for you.)