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
Image
Image

Address

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

How To

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

AI Image

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

Browse

Blocks

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

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

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