Build with it

Blocks

A Block is one section of a page, assembled from public components. Blocks are source you read and copy, not package exports — so each one names the exports it uses and the data you have to supply.

Personal-site sections — a profile hero, a career timeline, publications, a reading shelf, /now — are documented with the components they are made of, and composed end to end in Experiences.

Filter

Blocks are grouped by the kind of page they belong to: marketing, personal, product.

All (6)Marketing (3)Product (3)

Sections that read as a working tool rather than a brochure.

Product

Sections that read as a working tool rather than a brochure.

Stats strip

2 exports

Three numbers with their direction, sized so the value dominates the label.

Deploys this week

+12.4%

p95 response

-8.1%

Open incidents

—

GridStatCard

You supply: Numeric values: a formatted string is not a number the component can align.

Metric band

3 exports

A row of metrics using the numeric formatter, so units and separators stay consistent.

Requests

Error rate

Assets covered

InlineMetricMetricValue

You supply: A number and a format kind (`number`, `percent`, `currency`, `compact`).

Console section header

3 exports

A titled section with one action — what most console pages need instead of a toolbar.

Deployments

A section header with one action, which is all most console pages need.

SectionInlineButton

You supply: A title, a description and the actions your page actually has.