Kitze UI 🤝 shadcn
by thekitze
Welcome to Kitze UI
The most important thing to know is this is NOT an alternative to shadcn/ui. They're meant to work together. As indicated by the two guys sitting in the spaceship, and the handshake. How could you miss that part?
Kitze UI is a collection of reusable components compatible with the shadcn CLI, designed to make building beautiful and functional interfaces easier, and with much less boilerplate.
Browse the components using the sidebar to find the right tools for your next project. Each component comes with a live preview and usage examples.
Our Sponsors
Sizzy
The browser for developers. Build and test responsive websites faster with features like multiple devices, full page screenshots, etc.
Benji
The Life OS. Organize your personal and professional life with a unified platform for todos, habits, planner, goals, and 35+ other features.
Zero to Shipped
The ultimate Next.js template. Launch your SaaS or web app faster with authentication, payments, and UI components pre-configured.
Component Types
Original Components
Some components here are completely original and not dependent on existing shadcn/ui components, offering unique functionality.
Enhanced Alternatives
Components like CustomButton offer more variations and props than the standard shadcn/ui versions, giving you more flexibility and control.
Simplified API
Simplified versions built on top existing shadcn/ui components (like SimpleDialog, SimplePopover, SimpleTooltip) reduce boilerplate and allow you to achieve the same results with much less code.
Responsive Components
Smart components that automatically adapt to screen size - rendering as popovers or dialogs on desktop but transforming into bottom drawers on mobile without requiring additional code.
Form Components
Build forms with way less boilerplate, fully type-safe and wired to react-hook-form out of the box, making form handling simpler and more reliable.
Imperative APIs
Useful functions like confirmAlert(), confirmDelete(), and openComponentInModal() that allow you to trigger UI components imperatively without complex state management.
Why Kitze UI?
- Compatible with the shadcn CLI for high-quality, accessible components
- Simplified APIs to reduce boilerplate and increase productivity
- Fully responsive with mobile-first design
- Dark and light mode support out of the box
- Typescript support for better developer experience