Introduction
Animated React components that are spectacular, accessible and fast.
Cadence UI is a collection of animated React components and full-site templates. Every component is copied into your project as source with the shadcn CLI, so you own the code and can change anything.
Principles
- Motion with a purpose. Animations guide attention, give feedback or tell a story. One hero effect per section, entrances run once, loops stay slow and subtle.
- Accessible by default. Semantic markup, visible focus, AA contrast, and a static or softened version of every effect when the user prefers reduced motion.
- Fast. Components animate
transformandopacity, pause when off screen or in a hidden tab, and load heavy parts lazily. - Yours to change. Built on Tailwind CSS v4, Motion and your existing shadcn theme tokens.
Free and Pro
Free components are available to everyone from the public registry. Pro components need a license and a registry token. See Installation to set up both.