Library · Blocks

Blocks

Whole sections of a screen, themed by the design system like the screens: drop one into a screen and wire it with one value and a closure or two.

Block · Account

Plan and Usage

The subscription section of Settings: the plan and its renewal, usage meters that warn near a limit, and the way up.

Block · Account

A referral section: what both people get, a track that fills as friends join, the invite code to copy or share, and who you invited.

Block · Productivity

The top of a dashboard: a headline metric and its change, a chart you scrub across 1W to 1Y, and metric tiles.

Block · Commerce

A one-column checkout: bag with steppers, address and delivery speed, promo code, summary, then Pay or Apple Pay to the placed order.

Block · Account

The account section at the top of Settings: profile and photo, appearance, notifications, your data, sign out and deletion.