Hub

Docs

blocks and types

Open-source components forapplications that work instantly without setup

NEW TO THE BP?
Discover how blocks and types work
FEATURED BLOCKS

Address

Search for an address using the Mapbox Address Autofill and Mapbox Static Images APIs
@hash0.1.2

How To

Describe a task or process via a list of steps
@hash0.1.3

AI Image

Generate any image you can put into words, in just a few seconds
@hash0.1.2

Browse

Blocks Types

Blocks

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

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

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