Design system

Andromeda Pro

Premium

See all of it running. Take it home with Premium.

45 components, 168 variants and 4 templates for any product UI, in light and dark. Every one runs on this site for free. Premium adds the code, the CLI install, the remix prompts, the Brain's rule files and template installs.

Get Premium Explore every component

The inventory

Everything the system ships.

Every count here is read from the system itself when the page builds, never typed in by hand.

45 componentsForms, tables, charts, overlays and navigation, each one with its states worked out.Open any of them here and use it live before you pay for anything.

168 variantsSizes and tones already drawn, so none of it is left for you to improvise.Each one is a real prop on the component, not a picture of an option.

66 statesHover, focus, disabled, loading and error, on the components that have them.Keyboard focus is drawn as part of the system, not left to the browser.

10 familiesForms, data display, charts, overlays, feedback, actions, navigation, surfaces and more.The same taxonomy the components index is built from, not a label added after.

4 templatesMission control, service orders, resource planning and the signal room.Whole screens assembled out of the system, running, not screenshots of screens.

2 themesLight and dark off one set of OKLCH tokens, with no part redrawn for either.Three layers of tokens retint every surface, border and state together.

Andromeda ProDesign system

Free and Premium

Explore it all. Unlock what you ship.

Every visitor sees every component running. Premium is for the parts that go into your project.

Explore free

Premium$8.99/month or $49.99/year

Every component, running live

Light and dark themes

Every variant and state

Live template previews

Code view for every component

CLI install into your repo

A remix prompt per component

Install all four templates

The Brain's rule files, ready for your agent

Get Premium

Premium: $8.99/month or $49.99/year

Get Premium

Light and dark

One drag, every component retinted.

Three tiles, seven componentsSix tiles, fourteen components, two themes, one set of tokens. Drag the line to switch every one at once.

Node	Status
orion-01	Online
vega-03	Degraded
lyra-04	Down

Node	Status
orion-01	Online
vega-03	Degraded
lyra-04	Down

Three layers under every component.

Change a value once and every component follows.

See the foundation

100
200
300
400
500
Layer 1
Primitives
Raw values: a gray ladder and four hue families.
status.info.textbrand 300
Layer 2
Semantic
Named roles. Components read only these.
Live
Layer 3
Component wires
A variable inside the component points at one role.

With Premium: the CLI installs all of it, tokens included.

Components

45 components. 168 variants. All running.

Forms, tables, charts, overlays and navigation, each with its states worked out. Open any card and use it live.

Table Data

Renders a table from a column definition and a set of rows.

2 variants

Date Range Picker

Selects a start and an end date from a calendar popover.

4 variants3 states

Stat Tile

Displays one headline number with its unit and its change.

5 variants

Button

Triggers an action or event, at the level of emphasis the action deserves.

6 variants6 states

Input

Collects a single line of text.

4 variants5 states

Segmented Control

Switches between a few mutually exclusive views or modes.

5 variants

Chart Trend

Charts several series over time as lines, areas, or bars.

4 variants

Drawer

Displays content in a panel that slides in from the edge of the screen.

2 variants

Nav Item

Links to one destination in a sidebar, in full or icon-only form.

4 variants5 states

See all 45 components

With Premium: the code view and a one-command install on every component.

Built for agents

Your agent reads the rules first.

The Brain holds the foundations, component rules and skills an AI agent reads before it writes a line. Every component also carries its own remix prompt, so what your agent builds stays on the system.

Foundations and rules
Color, type, spacing and motion, written as rules an agent follows.
A remix prompt per component
Ask for a variation in any AI tool and it stays on the system.
One-command install
The CLI drops components straight into your repo.

The Brain's rule files, remix prompts and the CLI install come with Premium.

Explore the Brain

Templates