Components

Reference demos for each Millet component and utility.

Typography

h1 — Page title

h3 — Subheading

Body text with strong, link, inline code, and Ctrl + K.

Perfection is achieved when there is nothing left to take away.

Button

Accordion

What is Millet?

Semantic-first CSS with optional progressive enhancement.

Does it need JS?

Only for interactive enhancements like tabs/dialog/dropdown behavior.

Alert

Your session expires soon. Save your changes.

Animations

fade-in pulse

Avatar

AS ML

Badge

Default Beta Active Deprecated

Card

Usage insights

Build reusable sections with semantic markup and minimal attributes.

Dialog

Delete draft?

This action cannot be undone.

Form

Grid

One

Auto responsive item.

Two

Auto responsive item.

Three

Auto responsive item.

Progress

64%

Skeleton

Spinner

Table

Team usage this week
Member Requests Success rate
Ada Lovelace1,82099.6%
Alan Turing2,10498.9%
Grace Hopper1,43299.8%

Tabs

Profile settings and display information.

Toast

Profile updated successfully.

Tooltip

PROD

Utilities

Cluster Wrap Align
Centered