Background

Stardust UI is the design system powering this website! I wanted a live playground to interact with the components I designed and built - feel free to explore!

The goal is a small design system that keeps the site visually consistent while staying flexible. Shared tokens (color, type, spacing) act as building blocks, and a lightweight “appearance API” lets me swap themes without rewriting every component. That matters because I like to change the mood of a site over time; the system should make that fun, not painful.

Choose your own adventure

Theme

Components

Button

Pill-shaped action control with primary and secondary variants, three sizes, and customizable label text.

variant
size
pending

Select

Labeled dropdown for choosing one value from a predefined list of options.

Favorite Pokémon
size

Text field

Labeled text input for short free-form values such as names, titles, or search queries.

size