Block Hub

Interactive, data-driven blocks to use in your projects

All open-source and free to use

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

Test npm block

test-npm-block block
@ciaran0.2.0Updated 9 days ago

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 this growing, open-source registry of blocks. Read our Quickstart guide to start building your own blocks.

Read the Quick Start Guide
We're hiring full-stack TypeScript/React and PHP plugin developers to help grow theBlock ProtocolWordPress ecosystem.Learn more