Design system

The tokens behind every component – color, type, shape and depth in light and dark – and the primitives they feed.

• Introduction – What affectUI is, how it is organized and how to read a component page.
• Installation – Install components with the shadcn CLI or by copying a single file.
• Theming – Change a component's colors with CSS variables, including dark mode.
• Design system – The tokens behind every component – color, type, shape and depth in light and dark – and the primitives they feed.
• Accessibility – Keyboard support, focus handling and reduced motion.
• Using with AI – MCP server, llms.txt and prompts – let your coding assistant find and add components.