Components
- Accordion
- Alert
- Alert Dialog
- Autocomplete
- Avatar
- Badge
- Breadcrumb
- Button
- Card
- Checkbox
- Checkbox Group
- Collapsible
- Combobox
- Code Block
- Dialog
- Empty
- Field
- Fieldset
- Form
- Frame
- Group
- Input
- Label
- Menu
- Meter
- Number Field
- Pagination
- Popover
- Preview Card
- Progress
- Radio Group
- Scroll Area
- Select
- Separator
- Sheet
- Skeleton
- Slider
- Switch
- Table
- Tabs
- Textarea
- Toast
- Gooey Toast
- Toggle
- Toggle Group
- Toolbar
- Tooltip
Get Started
Ship your first LoveUI screen in minutes.
This guide helps you install LoveUI quickly.
Project checklist
Before you start, make sure your app has:
- React
- Tailwind CSS v4
- A global stylesheet (for example
app/globals.css)
Install with CLI
Use the CLI to add components and required dependencies:
npx love-ui@latest add loveuiRun this command in your project root.
Install manually
If you prefer manual setup:
- Open a component page in the docs.
- Copy the code from the Code tab.
- Paste it into your project.
- Install any listed dependencies.
Use Styling to add the required CSS variables.
Where to browse components
Need help?
If you want to contribute, read the Contributing Guide.
If you use AI tools, you can also share llms.txt.