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>

Landing Page Components

Next Steps