Announcing v1.2 – Now with advanced theming
Build better interfaces
without the complexity
better
A comprehensive design system with pre-built components, utility classes, and smart defaults. Ship faster with less code and consistent design patterns.
ButtonWrapper.tsx
import { Button } from "@/component-lib/button";
export const ButtonWrapper = () => {
return (
<div className="flex gap-4">
<Button>Click Me!</Button>
<Button className="bg-red-800 px-2 py-1 rounded-2xl cursor-pointer">
Click Me!
</Button>
<Button className="border px-2 py-1 rounded-2xl cursor-pointer">
Click Me!
</Button>
</div>
);
};Everything you need to ship fast
Thoughtfully designed components and utilities that work together seamlessly.
Component Library
Over 50 professionally designed components built with accessibility and performance in mind.
Utility Classes
Comprehensive utility system for spacing, typography, colors, and responsive design patterns.
Developer Experience
TypeScript support, excellent documentation, and tools that make development a pleasure.