Everything your Laravel interface needs.
Explore production-ready Blade components built to look polished, work together and remain easy to customize.
Forms and input
Collect, validate and submit user input with consistent controls.
Button
Trigger actions with primary, secondary, outline and icon styles.
Checkbox
Let users select one or more options clearly.
CheckCard
Turn rich content cards into selectable controls.
Colorpicker
Choose colours through a compact visual control.
Datepicker
Select single dates, ranges and preset periods.
Filepicker
Handle drag-and-drop and conventional file selection.
Input
Capture text with labels, icons, prefixes and validation.
Input Group
Combine related controls into one cohesive field.
Number
Capture numeric values with controlled stepping.
Radio Button
Choose a single option from a visible group.
Select
Search and choose from single or multiple options.
Slider
Select a value or range on a visual scale.
Textarea
Collect longer content with an optional toolbar.
Timepicker
Choose a time through an accessible interface.
Toggle
Switch settings on or off with immediate feedback.
Verification Code
Capture OTP and verification digits cleanly.
Feedback and status
Communicate progress, outcomes and important changes.
Alert
Surface contextual information in multiple semantic styles.
Bell
Display notification counts and recent activity.
Notification
Show transient success, warning and error messages.
Progress Bar
Represent completion with a horizontal progress track.
Progress Circle
Show compact progress in a circular format.
Rating
Display and collect star-based ratings.
Shimmer
Provide skeleton loading states while content arrives.
Spinner
Indicate short-running asynchronous activity.
Tag
Label statuses, categories and compact metadata.
Data and content
Present people, metrics and structured information beautifully.
Avatar
Represent people and teams with images or initials.
Calendar
Display and select dates or events in an inline month or week grid.
Card
Group related content and actions in a flexible surface.
Chart
Visualize application data with configurable charts.
Data Grid
Sort, filter, select and paginate data with client or server-driven state.
Empty State
Guide users when there is no content to display.
Horizontal Line Graph
Compare values through compact horizontal bars.
Icon
Use the full Heroicons collection through Blade.
List View
Display structured records in scannable rows.
Statistic
Highlight important metrics and percentage changes.
Table
Build searchable, sortable and responsive data tables.
Timeline
Present events and milestones in chronological order.
Navigation and overlays
Structure workflows and reveal content at the right moment.
Breadcrumbs
Show page location with accessible and responsive navigation trails.
Accordion
Organize dense information into expandable sections.
Centered Content
Center focused content within the viewport.
Dropmenu
Present compact menus from any trigger.
Drawer
Reveal supporting content from any viewport edge.
Sidebar
Build responsive application navigation with nested groups and mobile Drawer presentation.
Command Palette
Launch actions from a searchable, keyboard-first dialog.
Modal
Focus attention on confirmations, forms and details.
Popover
Reveal contextual content beside a trigger.
Process Indicator
Show progress through a multi-step workflow.
Stepper
Guide users through named linear or non-linear workflows.
Sortable
Reorder items through intuitive drag-and-drop.
Tab
Switch between related panels without leaving the page.
Theme Switcher
Offer light, dark and system appearance modes.
Tooltip
Explain controls with concise contextual labels.
No components found
Try a broader search term.
Ready to build?
Install the complete library or only the standalone components your project needs.
Read the installation guide