blocks and types

Open-source components forapplications that work instantly without setup

NEW TO THE BP?
Discover how blocks and types work

Browse

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.4
HeadingWrite titles, sub-titles, and section headings in four different sizes
@hash
0.2.3
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.1
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 (re-)arrange it in a random order
@hash
0.1.2
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
Kanban BoardCapture information in cards, and drag cards flexibly between customizable columns
@hash
0.0.2
AI ChatHave a conversation with an AI
@hash
0.0.0
FAQCreate a frequently asked questions section
@hash
0.1.3
Test Input FieldA Test Input Field with validation properties, an example of a customizable input block showcasing validation for a github profile url.
ChartA block for plotting entities in a 2D chart
@hash
0.1.2
block-proto-practiceblock-proto-practice block

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