The component library for Astro

UI components that feel like the platform

Astro UI gives Astro sites accessible, token-themed interface components — server-rendered HTML, no runtime, no hydration. Built for the framework that ships zero JS by default.


Zero JS by default

43 of 63 components render pure server-side HTML. Where behavior is needed, it's a few hundred bytes of scoped script — never a runtime.

Native elements first

Real <button>, <input>, <details>, <dialog>. Keyboard support, focus management, and announced states come from the platform, not a headless layer.

Themed by tokens

Every color, radius, and space is a CSS custom property. Restyle the whole system — or flip to dark and RTL — without touching a component.

Astro UI · open source · MIT

63 free Astro UI components

Every component ships as typed Astro source with design tokens, accessibility wiring, and copy-paste usage — no license tiers, no component paywalls.

43 zero-JS20 with behavior7 categoriesRTL-readyDark mode

Blocks — components, composed

Ready-to-adapt sections built entirely from Astro UIcomponents. Copy the block, keep the pieces.

All blocks

Docs that respect your time

Short guides for the things you'll actually configure.

Open the docs

Start building with Astro UI today

One install, one token import, 63 components — free and open source.