How it works

Get started in four steps

1

Browse patterns

Search the registry by family, intent, or keyword.

2

Copy the HTML

One-click copy for HTML, Astro, or Web Component format.

3

Customize classes

Adjust Tailwind classes for your brand colors and spacing.

4

Ship to production

SSR-safe, accessible, and responsive. Deploy with confidence.