Blocks

Ready-made page sections built from the primitives you already use. Blocks aren't imported from a package: the CLI copies the source into your project, so you own the file and edit it like any other component.

Details beside a form card

contact-01

Raised form card with a reassurance column

contact-02

Inverted pitch panel beside a form

contact-03

Centred panel with dual actions

cta-01

Inverted band with side actions

cta-02

Brand-tinted panel with email capture

cta-03

Sidebar shell with grouped nav

dashboard-01

Icon rail with an inset content panel

dashboard-02

Inverted sidebar with a two-tier header

dashboard-03

Orders table with status tabs

dashboard-04

Three-column grid of bordered cards

features-01

Two-column bordered cards with side heading

features-02

Bento with lead tile and placeholder visual

features-03

Four link columns with brand block

footer-01

Newsletter capture with three columns

footer-02

Inverted footer with four columns

footer-03

Single-field reset request

forgot-password-01

Split with framed product shot

hero-01

Media left with email capture

hero-02

Split with checklist and testimonial

hero-03

Centred card with social sign-in

login-01

Sticky bar with inline links

navbar-01

Announcement strip over a sticky bar

navbar-02

Floating pill with centred links

navbar-03

Three cards with highlighted plan

pricing-01

Joined panel with tinted plan

pricing-02

Inverted recommended tier

pricing-03

Centred card with value list

signup-01

Centred marketing numbers

stats-01

KPI cards with trend indicators

stats-02

Inverted split with a 2×2 grid

stats-03

Centred portraits, four up

team-01

Bordered cards with bios

team-02

Heading beside a dense grid

team-03

Bordered cards with star ratings

testimonials-01

Raised cards on a tinted band

testimonials-02

Light cards on an inverted band

testimonials-03