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

Types

Types provide a standardized way of describing things, and can used by blocks and services

AI Text BlockThe block entity of the AI [generated] text block. See: https://blockprotocol.org/@hash/blocks/ai-text
@hash
2
Divider BlockThe block entity for the “Divider” block. See: https://blockprotocol.org/@hash/blocks/divider
@hash
2
Paragraph BlockThe block entity for the “Paragraph” block. See: https://blockprotocol.org/@hash/blocks/paragraph
@hash
2
ThingA generic thing
@blockprotocol
2
Code BlockThe block entity of the “Code” block. See: https://blockprotocol.org/@hash/blocks/code
@hash
2
Image BlockThe block entity for the “Image” block. See: https://blockprotocol.org/@hash/blocks/image
@hash
2
Has AddressContains an address. See: https://blockprotocol.org/@hash/types/entity-type/address
@hash
1
How-To Block StepDefines a single step within a How-To Block. See: https://blockprotocol.org/@hash/types/entity-type/how-to-block
@hash
2
How-To BlockThe block entity for the "How-To" block. See: https://blockprotocol.org/@hash/blocks/how-to
@hash
2
How-To Block IntroductionA short description or precursor that explains the process that’s defined within the How-To block, or defines any preliminary context. It also often describes any pre-requisites necessary for completing the subsequent set of “How-To Block Step”s. See: https://blockprotocol.org/@hash/types/entity-type/how-to-block-step
@hash
2
Drawing BlockThe block entity of the “Drawing” block. See: https://blockprotocol.org/@tldraw/blocks/drawing
@tldraw
2
GeneratedGenerated, created, or produced, this thing.
@hash
1
Address BlockThe block entity of the “Address” block. See: https://blockprotocol.org/@hash/blocks/address
@hash
2
Remote FileInformation about a file hosted at a remote URL.
@blockprotocol
2
Heading BlockThe block entity for the “Heading” block. See: https://blockprotocol.org/@hash/blocks/heading
@hash
2
Has How-To Block IntroductionContains a How-To Block Introduction See: https://blockprotocol.org/@hash/types/entity-type/how-to-block-introduction
@hash
1
Table BlockThe block entity of the "Table" block. See: https://blockprotocol.org/@hash/blocks/table
@hash
3
Has Representative Shuffle Block ItemA link to an arbitrary entity which has an associated representation as a Shuffle Block Item
@hash
1
Has How-To Block StepContains a How-To Block step. See: https://blockprotocol.org/@hash/types/entity-type/how-to-block-step
@hash
1
Stopwatch BlockThe block entity of the “Stopwatch” block. See: https://blockprotocol.org/@hash/blocks/stopwatch
@hash
2
Countdown BlockThe block entity for the “Countdown” block. See: https://blockprotocol.org/@hash/blocks/countdown
@hash
2
Video BlockThe block entity for the “Video” block. See: https://blockprotocol.org/@hash/blocks/video
@hash
2
Callout BlockThe block entity for the “Callout” block. See: https://blockprotocol.org/@hash/blocks/callout
@hash
2
AI Image BlockThe block entity of the AI [generated] image block. See: https://blockprotocol.org/@hash/blocks/ai-image
@hash
2
TESTTest Type
@melad
2
Shuffle BlockThe block entity of the “Shuffle” block. See: https://blockprotocol.org/@hash/blocks/shuffle
@hash
2
Displays Media FileDisplays this media file.
@hash
1
Has Map ImageContains an image of a map.
@hash
1
AddressInformation required to identify a specific location on the planet associated with a postal address.
@hash
2
Timer BlockThe block entity for the “Timer” block. See: https://blockprotocol.org/@hash/blocks/timer
@hash
2
Minesweeper BlockThe block entity of the "Minesweeper" block. See: https://blockprotocol.org/@hash/blocks/minesweeper
@hash
1
Personalised IdentifierReplacement for the old school "email signature" with allll the links and auto referral codes, contact add, blah blah.
@chelleykoro
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