LoveUILoveUI
DocsBase Components29Features41Sections6Snippets1101TemplatesComing Soon

Collaboration

Avatar StackCursor

Project Management

CalendarGanttKanbanListTable

Code

Code BlockContribution GraphSandboxSnippet

Forms

ChoiceboxComboboxDropzoneMini CalendarTags

Images

Image CropImage Zoom

Finance

Credit CardTicker

Social

StoriesReelVideo Player

Callouts

AnnouncementBanner

Styling

Typography

Other

Color PickerComparisonDeckDialog StackEditorGlimpseMarqueePillQR CodeRatingRelative TimeSpinnerStatusTheme SwitcherTree

Recommended

AI ElementsReact Wheel Picker

Theme Switcher

A component to switch between light, dark and system theme.

Installation

npx loveui add theme-switcher

Features

  • Switch between light, dark and system theme
  • Controlled and uncontrolled mode

Examples

Uncontrolled mode

Check the console for the onChange event.

Status

Status components are used to display the uptime of a service.

Tree

A composable tree component with animated expand/collapse and customizable nodes for displaying hierarchical data structures.

On this page

Installation
Features
Examples
Uncontrolled mode

Powered by

motion.devlucide.dev