Introduction
Catppuccin Components is a set of accessible, themeable UI primitives built on Radix UI and styled with the Catppuccin palette. Every component ships as source code you own — no runtime dependency, no lock-in.
Four color flavors are included out of the box. Swap between them with a single data attribute, or tweak the accent color to match your project. The underlying tokens are plain CSS custom properties, so they work everywhere Tailwind does.
Quick start
npx shadcn@latest add https://catppuccin.d14y.com/r/button.jsonThat's it. The CLI handles dependencies, paths, and config. See the installation guide for full details.
What you get
- ✓30+ components — buttons, dialogs, selects, tabs, and more
- ✓Four Catppuccin flavors with live theme switching
- ✓Accessible by default via Radix UI primitives
- ✓Tailwind CSS v4 with CSS custom properties — no JS runtime
- ✓Copy-paste or CLI install — your code, your repo