v0.1.0 - open source

Stitch

A design system you actually own

Accessible HTML/CSS components, WCAG-validated themes, and a CLI that copies the source straight into your project. Zero runtime dependencies.

Get Started Browse components

(Coming soon)

npx stitch add button

Which variants ? primary, secondary, ghost

Where to copy the file ? ./src/styles/components/

Include behavioral JS ? no

Button.scss copied to ./src/styles/components/ with primary, and ghost variants.

Features

Your code, your rules

The CLI copies the source into your project. Tweak everything - no abstraction layer, no friction.

Framework-agnostic

HTML, React, Vue, Svelte - CSS doesn't care. Drop it anywhere and it just works.

Accessible by default

Every theme ships WCAG AA compliant. Live contrast scoring in the configurator guides you toward AAA.

Token-first architecture

Palette ➜ semantic ➜ component. Swap a theme by switching one class on your root element.

Built to teach

Every component documents its own choices - tokens used, responsive behavior, keyboard shortcuts.

Animation library (coming soon)

Optional CSS/JS animations. prefers-reduced-motion respected. Install only what you need.

Themes

Stitch dark

Stitch light

Midnight

Ember

Accessibility scores -

Contrast
Focus ring
Line-height:
Touch target px

Get started in 3 steps

(Coming soon)

01 Initialize npx stitch init
02 Pick a theme npx stitch theme aurora
03 Add components npx stitch add button card modal