Build polished interfaces faster.
Kick UI is a shadcn-compatible library of accessible, animated React components. Preview a component, then install its source directly in your project.
Browse componentsInstall a component
Start with any component page and use its generated install command.
npx shadcn@latest add https://kick-ui.vercel.app/r/shiny-button.jsonLibrary principles
Accessible by default
Semantic controls, focus styles, and labels are included in the documentation experience.
Own your code
Registry installs place component source in your app, so every detail remains customizable.
Built for composition
Components accept class names and focused props to fit naturally into existing systems.
Explore by category
Buttons
Interactive controls and calls to action.
Cards
Content containers and card-based patterns.
Components
Reusable interactive UI building blocks.
Text Animations
Animated typography and text effects.
Layouts & Sections
Complete page sections and layouts.
Animations
Visual and cursor-driven animation effects.