Design system

A small set of parts, shared across our products.

Components, tokens, and patterns — versioned together so the apps we ship feel like one app.

Get started Browse components

Install

$ pnpm dlx shadcn@latest registry add @acme=https://acme-design-system-psi.vercel.app/r/{name}.json
$ pnpm dlx shadcn@latest add @acme/all

Inside

What you get when you install it.

OKLCH colour, radius, spacing

Themed CSS variables consumed by Tailwind. Edit one place, the system updates.

Aa Bb Ccconst x = (a, b) => a + b

Geist & Geist Mono

One sans, one mono — paired throughout. Variable axes available where supported.

Light & dark, equal-weight

Class-scoped tokens keep each mode distinct while surfaces, text, and borders move together.

DialogMenuCombobox

Built on Base UI

Accessible by default — keyboard, ARIA, and focus handled at the part level.

Components

Browse all primitives.

View all components

Button

Primary actions, secondary controls, and destructive confirmations across four variants and six sizes.

Switch

Toggle control for settings-style on/off preferences and feature flags.

42

Slider

Simple and segmented range controls for single values and intervals.

ActiveQueuedFailedDraft

Badge

Compact labels for statuses, counts, sources, and metadata.

x

Progress

Determinate and indeterminate progress in simple and segmented variants.

JDAM+4

Avatar

User and entity identity with initials, images, sizes, and shapes.