Work on version 0.4 of the Block Protocol has been paused.Read the announcement

Hub

Docs

blocks and services

Open-source components forapplications that work instantly without setup

NEW TO THE BP?
Discover how blocks work

Browse

Blocks

Blocks are interactive components that can be used to view and/or edit information on a page

GitHub Pull-Request OverviewDisplay an overview of a GitHub Pull Request, including a timeline of key events
@alfie
0.1.0
AddressSearch for an address using the Mapbox Address Autofill and Mapbox Static Images APIs
@hash
0.1.2
AI ChatHave a conversation with an AI
@hash
0.0.0
AI ImageGenerate any image you can put into words, in just a few seconds
@hash
0.1.2
AI TextGenerate blog posts, press releases, ad copy – using the power of AI
@hash
0.1.3
CalloutDraw attention to an important point or message with framed text and a custom icon
@hash
0.2.1
ChartA block for plotting entities in a 2D chart
@hash
0.1.2
CodeWrite monospaced code with syntax highlighting in a range of programming and markup languages
@hash
0.2.1
CountdownCountdown to a time and date
@hash
0.2.1
DividerBreak up content on a page with horizontal dividing lines
@hash
0.1.2
FAQCreate a frequently asked questions section
@hash
0.1.3
HeadingWrite titles, sub-titles, and section headings in four different sizes
@hash
0.2.3
How ToDescribe a task or process via a list of steps
@hash
0.1.3
ImageEmbed JPG, GIF, and PNG images by URL or file upload and add an optional caption
@hash
0.2.1
Kanban BoardCapture information in cards, and drag cards flexibly between customizable columns
@hash
0.0.2
MinesweeperPlay Minesweeper in your browser!
@hash
0.0.1
ParagraphWrite a block of text to express an idea, make a point, or record a thought
@hash
0.1.2
PersonDisplay information about a person, including their name, job title, email, website address, and an avatar
@hash
0.2.1
ShuffleCreate a list and (re-)arrange it in a random order
@hash
0.1.2
TableDisplay and manipulate tabular data with filter, sort, and search features
@hash
0.3.4
TimerSet a countdown timer to remind you when a certain amount of time has elapsed
@hash
0.2.1
VideoEmbed MP4 and WEBM videos by URL or file upload and add an optional caption
@hash
0.2.1
DrawingCreate a diagram, sketch an idea, or map a process
@tldraw
0.3.2

Can’t find a block you need?

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 quickstart guide