Build stunning Laravel apps with Vibrant Depth
Premium Blade components for Laravel 12, Livewire & Tailwind CSS 4. Gradients, glass morphism, micro-animations — out of the box.
Laravel 12 · Livewire 3 · Alpine.js · Tailwind CSS 4
63
Blade Components
5
Livewire Traits
830+
Tests Passing
100%
Dark Mode
Components that speak for themselves
Every component follows the Vibrant Depth design language. These are real Aura UI components rendered on this page.
Buttons
FreeBadges
FreeAvatars
FreeForm Inputs
FreeProgress
FreeAlerts
FreeToggles & Checks
FreeModal
FreeModals with glass morphism, transitions and teleport.
Tabs
ProBuilt different, on purpose
Not another flat, minimal UI kit. Aura UI brings personality and polish to your Laravel apps.
Vibrant Depth Design
Gradients, glow effects, glass morphism and micro-animations built into every component. Your apps look polished from day one.
TALL Stack Native
Built for Laravel 12, Livewire 3, Alpine.js and Tailwind CSS 4. wire:model works out of the box on every form component.
Dark Mode First
Every component is designed for both light and dark mode. Toggle with a single class — no extra configuration needed.
63 Components
From basic buttons to DataTables, calendars, kanban boards and command palettes. 44 free, 19 in Pro.
830+ Tests
Every component is thoroughly tested with Pest v3. Rendering, props, slots, accessibility — all covered.
Zero Config
Install via Composer, publish CSS, and start using components. No complex configuration, no JavaScript build step required.
Write less, build more
Simple, expressive Blade syntax. No classes to memorize — props do the work.
<x-aura::card hover>
<x-slot:header>
<div class="flex items-center gap-3">
<x-aura::avatar name="Jane Doe" />
<div>
<h3>Jane Doe</h3>
<x-aura::badge variant="success" dot>
Online
</x-aura::badge>
</div>
</div>
</x-slot:header>
<x-aura::stats-card
title="Projects"
value="24"
change="+3 this month"
changeType="positive"
/>
<x-aura::progress :value="82" />
</x-aura::card>
Result
Jane Doe
OnlineProjects
24
Power features for serious apps
Aura UI Pro adds 19 advanced components and 5 Livewire traits for building production-grade admin panels and dashboards. 63 total components.
DataTable
Sortable, filterable, bulk actions, inline editing. Complete Livewire integration with 5 traits.
Command Palette
Cmd+K search with fuzzy matching, keyboard navigation and customizable groups.
Sidebar
Collapsible app sidebar with sections, active states, badges and brand slot.
Calendar
Monthly/weekly/daily views with events, drag support and date pickers.
Kanban
Drag-and-drop board with columns, cards and customizable states.
Charts
Line, bar, pie and area charts with responsive sizing and dark mode.
Accordion
Collapsible content sections with smooth transitions and exclusive mode.
Advanced Forms
Date/time pickers, color picker, file upload, autocomplete, OTP input, tags, slider.
Free & Pro
Start with 44 free components. Upgrade to Pro when you need more.
Free
€0
- 44 Blade components
- Buttons, inputs, cards, modals, dropdowns, tooltips
- Avatars, badges, alerts, progress, pagination
- Dark mode + Vibrant Depth design
- Tailwind CSS 4 compatible
- Community support
Pro
From €129
- Everything in Free
- 19 Pro components (DataTable, Charts, Calendar, Kanban...)
- 5 Livewire traits (DataTable, Filters, Bulk Actions, Forms, Inline Edit)
- Command palette, sidebar, accordion, steps, toasts
- Advanced forms: date/time/color pickers, file upload, autocomplete
- Email support + 1 year of updates
Trusted by Laravel developers
Built by developers, for developers. Used in production SaaS applications.
BeautyFlow Pro
SaaS per saloni di bellezza
Kelvio
Piattaforma white-label ristorazione
MenuStudio
Digital menu management
Ready to build something beautiful?
Start with Free, upgrade when you need Pro components. One-time payment, lifetime access.