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
Right click anywhere in this box
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

Sphinx of black quartz, judge my vow.

Heading
Input
Input Otp
The Missing Link
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

Status
Animated Circle Indicator
Animated Dock
Animated Text

Task Completed ✓

Cipher Text
Comparator
Hover Glow
Morphing Text
Morphing Card

Make your app
shine
with libravelUI

Rolling Text
Shining Text
Tilting Card
Typewriting Text
Edit on GitHub

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.

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

Crafted by dervyon. Peep the Source Code on GitHub.

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

2025 - 2026 · LibravelUI™

Starter Kits

Templates

    Coming Soon

Labs