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

Marquee

Horizontally scrolling ticker for site chrome or accent bands. Duplicate track enables seamless infinite scroll.

separator

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