blocks and types

Open-source components forapplications that work instantly without setup

NEW TO THE BP?
Discover how blocks and types work

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