Components, composed

Blocks 25

25 production-ready page sections built entirely from astro-ui components — pick a category, then jump into complete layouts. Copy the markup, keep the pieces, wire the edges to your app.

Notifications

Workspace

PlanPro

In-product surfaces: settings, members, empty states, utilities, and support chat.

CardSwitchInputTagButtonAvatarBadgeEmptySliderBubbleBubbleGroup

6 blocks

Trusted by 2,400+ engineers

Ada Lovelace, Grace Hopper & 2,400 more

Trust and presence: social proof rows, avatar stacks, and mention pills.

AvatarLabelTextAvatarGroupTooltipButton

5 blocks

Sign in to your account

Forgot password?

Auth

Sign-in, sign-up, and recovery flows built on native form controls.

CardInputCheckboxButtonSeparator

3 blocks

Active users24,803 +12.4%
Sessions108,392 +8.1%
Bounce rate31.6% +2.3%
Avg. session4m 12sstable

Traffic sources

Share of sessions

Direct: 435 (45%)Search: 286 (30%)Social: 151 (16%)Referral: 96 (10%)
CategoryShare
Direct435
Search286
Social151
Referral96

Conversion and insight sections: pricing, dashboards, stats, and CTA.

CardChartBadgeButtonProgressProgress (circle)

6 blocks

Can I use blocks without the CLI?
Yes — every block is plain Astro markup. Copy the section, paste it into a page, and adjust the content. No registry or generator required.
Do blocks add JavaScript?
Only what their parts need. An FAQ block is zero-JS (native details); a settings block ships a few hundred bytes for the switches.
How do I theme a block?
Blocks read the same tokens as components. Override --ui-primary once and every block — and every component inside it — follows.

Answer and documentation sections that stay searchable when collapsed.

AccordionCardBadgeKbd

2 blocks