Buttons & Actions

Collections

Colors

Date & Time

Drag & Drop

Feedback & Status

Form & Inputs

Keyboard & Accessibility

Layout & Content

Media

Menus & Commands

Navigation

Overlays

Visual Effects

Text

Elements

Components

A live environment to test and experiment with LibravelUI components.

Core

Accordion
Alert
Avatar
Badge
Breadcrumbs
Button
Calendar
Card
Checkbox Group
Checkbox
Color Area
Color Field
Color Picker
Color Slider
Color Swatch
Color Swatch Picker
Color Wheel
Combobox
Command
Context Menu
Date Field
Date Picker
Date Range Picker
Description List
Dialog
Disclosure
Dock
Drag And Drop
Drop Zone
Dropdown Menu
File Trigger
Form
Grid List
Heading
Input
Input Otp
Link
List Box
Loader
Marquee
Modal
Multiple Select
Number Field
Pagination
Percentage
Popover
Progress
Radio Group
Range Calendar
Search Bar
Select
Selection Box
Separator
Shortcut
Show More
Skeleton
Slider
Stepper
Switch
Tabs
Tag Group
Text Area
Text Field
Time Field
Toast
Toggle Group
Toggle
Tooltip
Tree

Motion

Animated Dock
Animated Text
Cipher Text
Comparator
Hover Glow
Morphing Text
Morphing Card
Rolling Text
Shining Text
Tilting Card
Typewriting Text
Edit on GitHub

Theme Provider

A component that manages light and dark mode for your application with support for system preferences and local storage.

Button

A button lets users perform an action or trigger an event using mouse, touch, or keyboard input. It's a key interactive element in most user interfaces.

Footer

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by libravelabs. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI ™

Resources

  • Home
  • Components
  • Docs

Starter Kits

  • Next.js
  • Vite
  • Laravel

Templates

    Coming Soon

Labs

  • GitHub
  • X / Twitter
  • Discord