• GitHub

📚 Blocks

Empowering authors to write dynamic, engaging, and immersive content without leaving their editor

Blocks is a rich text editor with all the capabilities of components thanks to MDX. It's a powerful WYSIWYG (what you see is what you get) built for the content web. You can choose a Block from an ever-expanding library or even install your own from npm.

What is a Block?

A Block refers to a piece of content or a component. It's a section of your content while a document is a collection of blocks.

Blocks can be simple like a paragraph of text or even a box with a tomato background color. Blocks can be complex like an embedded spreadsheet or a chart that fetches live data.

Blocks provides a UI for you to drop in and modify a Block. However, underneath the covers it's JSX:

# Below is a YouTube video

<Youtube id="1234" />

And a GitHub Gist:

<Gist id="5678" />

Features

  • 📸Customizable: Render your own components, or choose your favorite theme
  • 📨Open and authorable: Underneath it's MDX, not a JSON schema or HTML
  • 🔐Zero lock-in: You own your content, Blocks just makes it nicer to edit
  • 🖼WYSIWYG: See what will be published as you edit