design-system-references.md

Design system references

The systems worth studying when researching presets, missing axes, or component comparisons. Link-verified July 2026.

Headless libraries

• React Aria Components
• Base UI
• Radix Primitives
• Ark UI

Component libraries

• shadcn/ui
• HeroUI
• coss ui
• Radix Themes

Design systems

• Spectrum 2 (Adobe)
• Astryx (Meta)
• Material 3
• Geist (Vercel)
• Primer (GitHub)
• Supabase
• Atlassian
• Cloudscape (AWS)
• Carbon (IBM)

Colors

• Radix Colors
• Leonardo (Adobe)
• material-color-utilities

Inspiration

Preset customizer

• shadcn/create
• HeroUI Pro Theme Editor
• Astryx Playground

Preset targets

• Linear
• Geist (Vercel)
• Stripe
• Claude / Anthropic
• Supabase
• Raycast Themes

Components catalog

• HeroUI pro
• Beautiful UI (Turbo) — AI-native UI primitives

Motion & interaction

• interior.dev — copy-paste headless interaction primitives (layout-shift-free state changes, interruptible animations, reduced-motion)

Button

• Supabase

Charts

Command Dialog

Shadows

• Shadow (Florian Kiem) — Tailwind CSS plugin for smoother, layered shadow effects