Introduction
The Aspyn Design System is how we build consistent, accessible, and fast product experiences across every Aspyn application.
Architecture
The system is three layers, each usable on its own:
- @aspyn-io/tokens — framework-agnostic CSS custom properties (
--as-*) plus a Tailwind CSS v4 theme. Works anywhere CSS works. - @aspyn-io/kit — React components built on Radix primitives, styled exclusively with token-backed Tailwind utilities.
- Registry — every component is also published as shadcn-compatible JSON, so you can scaffold the source into your app and own it completely.
Two ways to consume
Install when you want centralized updates and consistency by default. Scaffold when a product needs to diverge — the source lands in your repo and you customize freely. Both share the same tokens, so visual language stays coherent either way.