Open Source·MIT Licensed

DS0

The AI-Native Design System

DS0 is the foundational zero layer — code and design perfectly synced for humans and AI alike.

Get Started View on GitHub

39Components

128Tokens

97%Test Coverage

1:1Figma Sync

Figma

Component

Button

Fill

#ffffff

Radius

8px

Variant

primaryoutlineghost

Synced Live

Editor

import { Button } from 'ds0';

<Button
  variant="primary"
  color="#ffffff"
>
  Click me
</Button>

Why DS0

Built for modern product teams

Everything you need to ship stunning, accessible applications — without the boilerplate.

FIG. 1.1

AI-Native Foundation

Every component ships with a machine-readable decision tree. AI picks the right component without guessing — no hallucination, no ambiguity.

FIG. 1.2

Figma to Code Sync

Design tokens and component APIs are automatically synchronized between Figma and your codebase. Stop fighting drift forever.

FIG. 1.3

Framer Motion Ready

Physics-based spring animations built in from day one. Every interaction feels alive — no retrofitting, no fighting defaults.

FIG. 1.4

Radix-Powered Accessibility

WAI-ARIA compliant primitives built on Radix UI. Keyboard navigation, focus management, and screen reader support out of the box.

FIG. 1.5

Vercel-Level Polish

Deep dark mode, 1px frosted borders, and subtle radial glows. The precise aesthetic that ships with zero configuration.

FIG. 1.6

Zero-Config Dark Mode

Semantic CSS variables handle theme switching automatically. No context providers, no class toggling, no complex setup.

Component Library

Components engineered for scale.

39 composable primitives. Styled, accessible, and ready for production.

Form Recipe

Composable, accessible forms

Password

Dashboard

System health at a glance

Components39

Tokens128

Coverage97%

Figma Sync1:1

Interactive

Try it yourself

Dark ModeAnimationsType SafetyReduced MotionRTL Support

Command Palette

Navigate at the speed of thought

Search components...

⌘Button

B

■Card

C

◉Dialog

D

≡Form

F

Tokens

Semantic colors

primary#8b5cf6

success#10b981

warning#f59e0b

error#ef4444

AI Integration

AI doesn't guess.
It knows.

Every component ships with a machine-readable decision tree. AI picks the right component, every time.

ds0-ai · decision engine

manifest.yaml

 1 decision_tree:
 2   question: "Need user action?"
 3   yes:
 4     question: "Destructive?"
 5     yes: Dialog
 6     no: Button
 7   no:
 8     question: "Status info?"
 9     yes: Badge
10     no: Card

AI OutputLIVE

Ready to build at the speed of thought?

Stop wrestling with brittle UI code. Install DS0 today and ship your best work yet.

Start Building Now View on GitHub

Built for the next wave of AI products

DS0