Getting Started
Welcome to PureKit UI! This guide will help you integrate PureKit UI components in just a few minutes using our CLI.
React 19+Next 15+Tailwind CSS 4+
Quick Start
Get started in less than 5 minutes! Follow these simple steps to add PureKit UI to your project.
1
Initialize PureKit UI
Run the init command to generate tailwind.config.mjs and update your globals.css with color variables automatically.
1npx @purekit-ui/cli init
2
Add Components
Use the CLI to add components to your project. Dependencies like tailwind-merge and clsx are installed automatically.
1npx @purekit-ui/cli add --all
3
Start Building
Import and use components in your React application
1import Button from "@/components/purekit-ui/button/button"
2
3export function App() {
4 return (
5 <div className="p-8">
6 <Button label="Hello PureKit UI!" />
7 </div>
8 )
9}
Why PureKit UI?
Lightning Fast
Optimized for performance with tree-shaking and minimal bundle size.
TypeScript First
Built with TypeScript for better developer experience and type safety.
Fully Customizable
Easily customize components with CSS variables and Tailwind CSS.
Developer Friendly
Clean APIs, comprehensive documentation, and excellent IDE support.