Presets
Pick one, run one command, and your app has its colours, corners, typeface, platform feel and motion. Every preset has a 16-character code, so a design you build is one line you can paste anywhere. Free, and nothing is stored: the code is the design.
Open the builder to make your own, or read the presets guide.
Light and dark tokens from one hue, with contrast measured for every pairing, charts included.
Corner radius, density and a real typeface, installed from Fontsource so the files are served from your own app.
Control sizes, focus ring, shadows and materials that handle like macOS, iOS or Windows.
Speed, bounce, travel and stagger as tokens, with a reduced-motion fallback that is built in.
15 design systems. Each is checked for contrast in light and dark.
Good morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Quiet greys, sharp type
Graphite greys with near-black buttons, Geist for text and a quick, precise way of moving. Content leads and the interface stays out of the way.
npx shadcn@latest add@ballmac/preset-inkGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Trustworthy blue, open type
A confident ocean blue with Manrope's wide, modern letters and soft corners. Looks established without looking stiff.
npx shadcn@latest add@ballmac/preset-harborGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Deep indigo, editorial sans
Indigo accents with Instrument Sans, generous corners and an easy pace. Modern and a little distinct.
npx shadcn@latest add@ballmac/preset-lumenGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Rich purple, very round, playful
Saturated violet, pill-like corners and Plus Jakarta Sans, with springy motion that makes controls feel alive.
npx shadcn@latest add@ballmac/preset-bloomGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Burnt orange, technical letters
Crisp orange on warm greys, Space Grotesk's quirky edges and a lively pace. Energetic but still readable.
npx shadcn@latest add@ballmac/preset-forgeGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Blush and soft serif
Warm rose with Fraunces, a soft expressive serif, and a calm, unhurried feel. The opposite of a dashboard.
npx shadcn@latest add@ballmac/preset-rosewaterGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Deep green, friendly and grounded
A deep forest green with Figtree's open shapes and slow, steady motion.
npx shadcn@latest add@ballmac/preset-canopyGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Fresh teal, round and clear
Blue-green with DM Sans and rounded corners. Friendly enough for health apps, clear enough for data.
npx shadcn@latest add@ballmac/preset-lagoonGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Paper, gold and bold type
Warm paper tones with ink buttons, golden accents and Bricolage Grotesque for headlines that have character.
npx shadcn@latest add@ballmac/preset-atelierGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Printed page, reading serif
Off-white paper and terracotta with Newsreader, a serif made for reading, small precise corners and a calm pace. Reads like print.
npx shadcn@latest add@ballmac/preset-paperGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Black, white, square, monospaced
No colour at all: square corners, strong outlines and JetBrains Mono for everything. Fast and uncompromising.
npx shadcn@latest add@ballmac/preset-terminalGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
Electric blue, built for dark
A bright sky-blue accent with strong edges and Geist. Looks best in dark mode and moves quickly.
npx shadcn@latest add@ballmac/preset-signalGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
A native Mac app
The macOS feel: compact controls, tighter corners, the system font, translucent materials and a precise focus ring. For apps that live next to Finder.
npx shadcn@latest add@ballmac/preset-menubarGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
An iOS app, in a browser
The iOS feel: large touch targets, big rounded corners, springy motion and the system font, in a warm rose.
npx shadcn@latest add@ballmac/preset-pocketGood morning, Maya
Three things need you today.
Revenue, last 7 days
$48,210
A Windows app
The Windows feel: small corners, a visible two-tone focus ring, quick fades and the system font, in a calm Fluent blue.
npx shadcn@latest add@ballmac/preset-pane