UI Components
A collection of pre-built, accessible, and customizable UI components.
Core Components
Essential UI components that form the building blocks of your application.
Button
Buttons with different variants and states.
import { Button } from "@/components/ui/button";// Simple button example<Button>Click me</Button>// Button variants<Button variant="secondary">Secondary</Button><Button variant="outline">Outline</Button>
Input
Form input elements with built-in styles.
import { Input } from "@/components/ui/input";// Basic text input<Input placeholder="Enter text" />// Email input<Input type="email" placeholder="Enter email" />
Card
Container for content with header, footer, and content sections.
import { Card, CardHeader, CardContent } from "@/components/ui/card";<Card><CardHeader><h3>Card Title</h3></CardHeader><CardContent><p>Card content goes here</p></CardContent></Card>