# loveui

**loveui** is a collection of beautifully designed, accessible, and composable components for your React apps. Built on top of [Base UI](https://base-ui.com/) and styled with [Tailwind CSS](https://tailwindcss.com/), it’s designed for you to copy, paste, and own.

## Overview

- [Introduction](https://ui.loveui.dev/ui/docs/index.md)
- [Get Started](https://ui.loveui.dev/ui/docs/get-started.md)
- [Roadmap](https://ui.loveui.dev/ui/docs/roadmap.md)

## Components

- [Accordion](https://ui.loveui.dev/ui/docs/components/accordion.md): A set of collapsible panels with headings.
- [Alert](https://ui.loveui.dev/ui/docs/components/alert.md): A callout for displaying important information.
- [Alert Dialog](https://ui.loveui.dev/ui/docs/components/alert-dialog.md): A modal dialog that interrupts the user workflow for critical confirmations.
- [Autocomplete](https://ui.loveui.dev/ui/docs/components/autocomplete.md): An input that suggests options as you type.
- [Avatar](https://ui.loveui.dev/ui/docs/components/avatar.md): A visual representation of a user or entity.
- [Badge](https://ui.loveui.dev/ui/docs/components/badge.md): A small status indicator or label component.
- [Breadcrumb](https://ui.loveui.dev/ui/docs/components/breadcrumb.md): Displays the path to the current resource using a hierarchy of links.
- [Button](https://ui.loveui.dev/ui/docs/components/button.md): A button or a component that looks like a button.
- [Card](https://ui.loveui.dev/ui/docs/components/card.md): A content container for grouping related information.
- [Checkbox](https://ui.loveui.dev/ui/docs/components/checkbox.md): A binary toggle input for selecting one or multiple options.
- [Checkbox Group](https://ui.loveui.dev/ui/docs/components/checkbox-group.md): A collection of related checkboxes with group-level control.
- [Collapsible](https://ui.loveui.dev/ui/docs/components/collapsible.md): A component that toggles visibility of content sections.
- [Combobox](https://ui.loveui.dev/ui/docs/components/combobox.md): An input combined with a list of predefined items to select.
- [Dialog](https://ui.loveui.dev/ui/docs/components/dialog.md): A modal overlay for displaying content that requires user interaction.
- [Empty](https://ui.loveui.dev/ui/docs/components/empty.md): A container for displaying empty state information.
- [Field](https://ui.loveui.dev/ui/docs/components/field.md): A wrapper component for form inputs with labels and validation.
- [Fieldset](https://ui.loveui.dev/ui/docs/components/fieldset.md): A group of related form fields with a common label.
- [Form](https://ui.loveui.dev/ui/docs/components/form.md): A complete form implementation with validation and submission handling.
- [Frame](https://ui.loveui.dev/ui/docs/components/frame.md): A container component for displaying content in a frame.
- [Group](https://ui.loveui.dev/ui/docs/components/group.md): A container component for grouping related content with consistent styling.
- [Input](https://ui.loveui.dev/ui/docs/components/input.md): A native input element.
- [Label](https://ui.loveui.dev/ui/docs/components/label.md): Renders an accessible label associated with controls.
- [Menu](https://ui.loveui.dev/ui/docs/components/menu.md): A list of actions or options revealed on demand.
- [Meter](https://ui.loveui.dev/ui/docs/components/meter.md): A visual representation of a value within a known range.
- [Number Field](https://ui.loveui.dev/ui/docs/components/number-field.md): A specialized input for numeric values with increment/decrement controls.
- [Pagination](https://ui.loveui.dev/ui/docs/components/pagination.md): A pagination with page navigation, next and previous links.
- [Popover](https://ui.loveui.dev/ui/docs/components/popover.md): A floating container that appears near a trigger element.
- [Preview Card](https://ui.loveui.dev/ui/docs/components/preview-card.md): A rich preview component for displaying linked content.
- [Progress](https://ui.loveui.dev/ui/docs/components/progress.md): A visual indicator showing the completion status of a task.
- [Radio Group](https://ui.loveui.dev/ui/docs/components/radio-group.md): A set of mutually exclusive options presented as radio buttons.
- [Scroll Area](https://ui.loveui.dev/ui/docs/components/scroll-area.md): A container with custom scrollbars for overflow content.
- [Select](https://ui.loveui.dev/ui/docs/components/select.md): A common form component for choosing a predefined value in a dropdown menu.
- [Separator](https://ui.loveui.dev/ui/docs/components/separator.md): A visual divider for separating content sections.
- [Sheet](https://ui.loveui.dev/ui/docs/components/sheet.md): A flyout that opens from the side of the screen, based on the dialog component.
- [Skeleton](https://ui.loveui.dev/ui/docs/components/skeleton.md): A placeholder for loading content.
- [Slider](https://ui.loveui.dev/ui/docs/components/slider.md): A draggable control for selecting values from a continuous range.
- [Switch](https://ui.loveui.dev/ui/docs/components/switch.md): A toggle control for binary on/off states.
- [Table](https://ui.loveui.dev/ui/docs/components/table.md): A structured data display component with rows and columns.
- [Tabs](https://ui.loveui.dev/ui/docs/components/tabs.md): A navigation component for switching between different views or content panels.
- [Textarea](https://ui.loveui.dev/ui/docs/components/textarea.md): A multi-line text input for longer content.
- [Toast](https://ui.loveui.dev/ui/docs/components/toast.md): A temporary notification message that appears and disappears automatically.
- [Toggle](https://ui.loveui.dev/ui/docs/components/toggle.md): A button that switches between two states.
- [Toggle Group](https://ui.loveui.dev/ui/docs/components/toggle-group.md): A group of toggle buttons where one or multiple can be selected.
- [Toolbar](https://ui.loveui.dev/ui/docs/components/toolbar.md): A container for grouping related actions or controls.
- [Tooltip](https://ui.loveui.dev/ui/docs/components/tooltip.md): A small overlay that provides contextual information on hover or focus.