Design System

A comprehensive component library built on semantic HTML, accessible patterns, and Tailwind v4 theme tokens.

Colors

8 semantic palettes, 50–950 shades

Headings, text, inline elements

90+ royalty-free SVG icons

6 variants, 5 sizes, icon buttons

4 severity levels, dismissible

Status dots, removable, outlines

Inputs, selects, checkboxes, radios

Containers with Schema.org support

Spinners, skeletons, progress bars

4 positions, keyboard accessible

WAI-ARIA tabs with keyboard nav

Ellipsis algorithm, page navigation

Striped, sortable, Schema.org

Modals with focus trapping

Full-width notifications, sticky

Syntax blocks, tabs, blockquotes, prose