Components

Buttons & Actions

ButtonFile TriggerToggle GroupToggle

Charts

Area ChartBar ChartChart TooltipChartsComposed ChartFunnel ChartLine ChartPie ChartRadar ChartRadial Bar ChartScatter ChartTreemap Chart

Collections

Grid ListList BoxTableTag GroupTree

Colors

Color AreaColor FieldColor PickerColor SliderColor Swatch PickerColor SwatchColor ThumbColor Wheel

Date & Time

CalendarDate FieldDate PickerDate Range PickerRange CalendarTime Field

Drag & Drop

Drag and DropDrop Zone

Feedback & Status

AlertBadgeLoaderPercentageProgressNewSkeletonStepperToast

Form & Inputs

Checkbox GroupCheckboxComboBoxFieldFormInput OTPInputMultiple SelectNumber FieldRadio GroupSearch BarSelectSelection BoxSliderSwitchTextareaText Field

Keyboard & Accessibility

Shortcut

Layout & Content

CardDescription ListHeadingShow More

Media

Avatar

Menus & Commands

CommandContext MenuDropdown Menu

Navigation

AccordionBreadcrumbsDisclosureLinkPaginationSeparatorTabs

Overlays

DialogDockModalPopoverTooltip

Visual Effects

Marquee

Text

Animated TextCipher TextHighlighted TextMorphing TextRolling TextShining TextTypewriting Text

Elements

Animated Circle IndicatorAnimated DockAnimated SwitchAnimated TooltipComparatorHover GlowMorphing CardParticlesTilting Card

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

Last updated on

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.

Resources

  • Home
  • Components
  • Docs

Starter Kits

  • Next.js
  • Vite
  • Laravel

Templates

  • Coming Soon

Labs

  • GitHub

© 2025 - 2026 LibravelUI™ by Libravelabs. All rights reserved.

  • Privacy
  • Terms

Heads Up
Please review the information carefully before proceeding
DefaultSecondaryDestructiveOutlineSuccessWarningInfo
Verified89920+
  1. Home
  2. Movies
  3. The Departed
  4. Detail

July 2026

July 2026
SuMoTuWeThFrSa
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
Login to your account
Enter your email below to login to your account
Forgot your password?
Notification PreferencesChoose how you want to be notified. You can select more than one.
100%
Suggestions
Calendar
Search Emoji
Calculator
Settings
Profile⌘P
Billing⌘B
Settings⌘S
Tools
Editor⌘E
Terminal⌘T
Preview⌘R
Debugger⌘D
Danger Zone
Logout⌘Q
Your Birthday
mm/dd/yyyy
Enter your birthday
Event date
mm/dd/yyyy
mm/dd/yyyy
–
mm/dd/yyyy

Deployment Details

Project Name
LibravelLabs API Service
Project ID
libravel-api-prod-3f92c1
Status
Active
Created At
June 22, 2024
Last Deployment
October 9, 2025 at 16:45 UTC
Region
Asia Pacific (Singapore)
Environment
Production

Hit us with your best shot!
Forgot your password?
Leeds United
Real Madrid
Manchester City
Bayern Munich
Liverpool
Paris Saint-Germain
FC Barcelona
Action
Adventure
Animation
Comedy
Crime
Select genres
1 / 5
Memory usage 87%
Uploading...0%
Notification SettingsChoose how often you'd like to receive email notifications.

July 2026

July 2026

SuMoTuWeThFrSa
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
⌘K
World's masterpieces
Collaboration ToolsEnable shared editing, comments, and real-time presence.
Advanced PermissionsControl access with fine-grained roles and scopes.
AutomationTrigger workflows and scheduled tasks effortlessly.
Audit LoggingTrack all user activity for compliance and security.
CtrlSCtrlAltDelete⌘ + C

The Eiffel Tower can grow over 6 inches taller during summer due to thermal expansion. The metal...

50
Home
Files
Search
Settings
Programming Languages
JavaScript
Python
Ruby
Go
Perl
Enter a synopsis of the movie.
⁦10:19⁩ AM
src
public
package.json
README.md

"I know a guy who knows a guy... who knows another guy.""I know a guy who knows a guy... who knows another guy."

- Saul Goodman, to Walt (Breaking Bad, S2E11)- Saul Goodman, to Walt (Breaking Bad, S2E11)

gene-takavicAfter
jimmy-mcgillBefore
Motion is emotion.

Hello, World!

All work and no play makes Jack a dull boy

Ocean View
"You talkin' to me?"
~ Travis Bickle - Taxi Driver (1976)