Hub

Interactive, data-driven blocks to use in your projects

All open-source and free to use

Template

Block Protocol template for a React-based block
@ciaran0.1.12

Template

Block Protocol template for a React-based block
@ciaran0.1.14

GitHub Pull-Request Overview

Display an overview of a GitHub Pull Request, including a timeline of key events
@alfie0.0.0

Code

Write monospaced code with syntax highlighting in a range of programming and markup languages
@hash0.2.0

Divider

Break up content on a page with horizontal dividing lines
@hash0.1.1

Image

Embed JPG, GIF, and PNG images by URL or file upload and add an optional caption
@hash0.2.0

Person

Display information about a person, including their name, job title, email, website address, and an ...
@hash0.2.0

shuffle

Create a list and set it into a random order
@hash0.0.0

Table

Display and manipulate tabular data with filter, sort, and search features
@hash0.2.0

Video

Embed MP4 and WEBM videos by URL or file upload and add an optional caption
@hash0.2.0

Quote

Block quotes
@jmackie0.1.0

Button

Button from the kickstartDS Design System
@kickstartds0.0.1

Emoji Trading Card

emoji-trading-cards block
@shinypb0.0.0

Calculation

Spreadsheet-like table for doing computation on entities
@thehabbos0070.2.0

Countdown

Countdown to a time and date
@timdiekmann0.2.0

Timer

Set a countdown timer to remind you when a certain amount of time has elapsed
@timdiekmann0.2.0

Drawing

Create a diagram, sketch an idea, or map a process
@tldraw0.2.0

More blocks coming soon

We’re working on checklists, kanban boards, blockquotes, and many more...
You can also build your own blocks.

Don't see the block you need?

You can build it!

Anyone can create blocks and contribute to the growing, open-source Hub. Read our quickstart guide to start building your own blocks.

Read the quickstart guide
We're hiring full-stack TypeScript/React developers to build blocks full-time, and grow theBlock Protocol ecosystem.Learn more