Components
A comprehensive collection of accessible, themeable UI components built with Radix UI and Tailwind CSS.
23 Components
Radix UI
Tailwind CSS
TypeScript
Buttons & Interactions
Form & Input
Data Display
Feedback
Overlay
Navigation & Layout
Installation
Get started with LuckyUI components in your Next.js project.
LuckyUI components are designed to be copied directly into your project. Each component is self-contained and can be customized to match your design system.
// Import components from your UI folder
import { Button, Card, Badge, Dialog } from "@/components/ui";
// Use them in your app
export default function MyComponent() {
return (
<Card>
<Button>Click me</Button>
<Badge>New</Badge>
</Card>
);
}