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

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

Latestdisplays channel from https://ltst.xyz and stores the update in the embedding application
@jtewright
0.0.2
HeadingWrite titles, sub-titles, and section headings in four different sizes
@hash
0.2.3
CalloutDraw attention to an important point or message with framed text and a custom icon
@hash
0.2.1
CountdownCountdown to a time and date
@hash
0.2.1
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.4
TimerSet a countdown timer to remind you when a certain amount of time has elapsed
@hash
0.2.1
PersonDisplay information about a person, including their name, job title, email, website address, and an avatar
@hash
0.2.1
ImageEmbed JPG, GIF, and PNG images by URL or file upload and add an optional caption
@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 (re-)arrange it in a random order
@hash
0.1.2
CodeWrite monospaced code with syntax highlighting in a range of programming and markup languages
@hash
0.2.1
AI TextGenerate blog posts, press releases, ad copy – using the power of AI
@ciaranm
0.0.0
AI ImageGenerate any image you can put into words, in just a few seconds
@ciaranm
0.1.0
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
How ToDescribe a task or process via a list of steps
@hash
0.1.3
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
How ToDescribe a task or process via a list of steps
@luisbett
0.1.2
AI TextGenerate blog posts, press releases, ad copy – using the power of AI
@luisbett
0.1.3
Stopwatchstopwatch block
@hash
0.1.1
Kanban BoardCapture information in cards, and drag cards flexibly between customizable columns
@hash
0.0.2
AI ChatHave a conversation with an AI
@ben-hobby
0.0.0
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
@luisbett
0.1.2
MinesweeperPlay Minesweeper in your browser!
@hash
0.0.1
FAQCreate a frequently asked questions section
@hash
0.1.3
ChartA block for plotting entities in a 2D chart
@hash
0.1.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