UI for Astro that stays light.

astro-ink ships 120 token-driven components. Server-rendered, zero dependencies. Each page on this site runs the real component, not a screenshot: dismiss the alert, toggle the theme, sort the grid.

Browse all components Read the theming guide Start with Button

120catalog components
9preset themes
0runtime dependencies
100Lighthouse a11y gate

Live on this page

Saved. Use the close button: the alert removes itself and fires ink:alert:dismiss.

v1.0

See TextField

Cover

Field guide

Twelve chapters on interfaces that earn trust. Media docks left, stacks on narrow screens.

Read the Card page

Sample chart data below is static and labeled as such; component counts come fromscripts/spec-coverage.py (120/120 at release).

Start in two imports

import "astro-ink/styles/tokens.css";
import "astro-ink/styles/base.css";
import { Button, Alert } from "astro-ink";

Guides

Theming: tokens, presets, and a custom theme template.
Components: every catalog item with a live demo, snippet, props, and access notes.