PHPackages ilhamsyabani/laravel-volt-starter - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. ilhamsyabani/laravel-volt-starter ActiveLibrary[Templating & Views](/categories/templating) ilhamsyabani/laravel-volt-starter ================================= A modern, MIT-licensed Laravel starter kit using Livewire Volt, Laravel Folio, and Tailwind CSS โ€” 20+ custom UI components, theming system, and CRUD generators included. v1.3.3(1mo ago)07MITBladePHP ^8.2CI passing Since Jun 16Pushed 1mo agoCompare [ Source](https://github.com/ilhamsyabani/laravel-volt-starter)[ Packagist](https://packagist.org/packages/ilhamsyabani/laravel-volt-starter)[ Docs](https://github.com/ilhamsyabani/laravel-volt-starter)[ RSS](/packages/ilhamsyabani-laravel-volt-starter/feed)WikiDiscussions main Synced 1w ago READMEChangelog (1)Dependencies (22)Versions (5)Used By (0) โšก Laravel Volt Starter ====================== [](#-laravel-volt-starter) [![Latest Version on Packagist](https://camo.githubusercontent.com/d5f065db9fae1e28b608c44ffe4fbabc3333518c420c22f8c1b9b15f887abec5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f696c68616d73796162616e692f6c61726176656c2d766f6c742d737461727465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ilhamsyabani/laravel-volt-starter)[![Total Downloads](https://camo.githubusercontent.com/3a922e663afbb9e17f2336509ab6462ef90c0fcb1297f5688b6dbfbf9d191e99/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f696c68616d73796162616e692f6c61726176656c2d766f6c742d737461727465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ilhamsyabani/laravel-volt-starter)[![License](https://camo.githubusercontent.com/a65d020d2eecf11e3c9c993d323dd23bdd25e825a6b618e4061510f6abc37ec9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f696c68616d73796162616e692f6c61726176656c2d766f6c742d737461727465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ilhamsyabani/laravel-volt-starter) > A modern, opinionated Laravel starter kit using **Livewire Volt**, **Laravel Folio**, **Flux UI**, and **Tailwind CSS**. > Stop repeating yourself โ€” get a production-ready structure in minutes. --- โœจ What's Included ----------------- [](#-whats-included) FeatureDetail๐Ÿงฉ **Livewire Volt**Single-file reactive components๐Ÿ“‚ **Laravel Folio**File-based page routing๐ŸŽจ **20 UI Components**Tier 1 + Tier 2 โ€” Button, Input, Textarea, Select, Checkbox, Radio, Toggle, Badge, Card, Alert, Toast, Spinner, Modal, Dropdown, Table, Pagination, Tabs, Breadcrumb, Avatar, Tooltip, Skeleton, Empty State โ€” 100% MIT, no license needed๐ŸŒˆ **Theme System**CSS-variable based โ€” switch entire color scheme with one class (`theme-rose`, `theme-emerald`, `theme-amber`, `theme-sky`, or build your own)๐Ÿ” **Auth scaffolding**Login, register, email verify, password reset๐Ÿ‘ฅ **Role system**`superadmin`, `admin`, `user` out of the box๐ŸŒ™ **Dark mode**Full dark mode with persisted preference๐Ÿ”” **Toast notifications**Global notify system, stackable๐Ÿ“ฑ **Responsive sidebar**Mobile-ready navigation with Alpine.js๐Ÿ› ๏ธ **CRUD generator**`volt-starter:crud Post` and you're done๐Ÿ“„ **Page generator**`volt-starter:page users/index --auth`๐Ÿ–ผ๏ธ **Component Showcase**Built-in `/showcase` page to preview & test themes--- ๐ŸŽจ Theming --------- [](#-theming) All components use CSS variables defined in `resources/css/volt-starter.css`. Switch the entire color scheme by adding a class to ``: ``` ``` Or define your own theme: ``` .theme-custom { --vs-primary-500: 168 85 247; /* your RGB values */ --vs-primary-600: 147 51 234; --vs-primary-700: 126 34 206; /* ... */ } ``` No paid component library required โ€” everything is plain Tailwind + Blade. --- ๐Ÿš€ Installation -------------- [](#-installation) ``` composer require ilhamsyabani/laravel-volt-starter ``` Then run the install command: ``` # Basic install (layouts + dashboard) php artisan volt-starter:install # With authentication scaffolding php artisan volt-starter:install --auth # With auth + role system php artisan volt-starter:install --auth --roles ``` --- โš™๏ธ Requirements --------------- [](#๏ธ-requirements) - PHP ^8.2 - Laravel ^11.0 or ^12.0 - [Livewire Volt](https://livewire.laravel.com/docs/volt) ^1.0 - [Laravel Folio](https://github.com/laravel/folio) ^1.0 - Tailwind CSS (via Vite) โ€” already in fresh Laravel installs --- ๐Ÿ› ๏ธ Generator Commands --------------------- [](#๏ธ-generator-commands) ### Generate a Volt + Folio page [](#generate-a-volt--folio-page) ``` # Creates resources/views/pages/products/index.blade.php php artisan volt-starter:page products/index --auth # Bare minimum (no boilerplate) php artisan volt-starter:page reports/monthly --bare ``` ### Generate full CRUD pages [](#generate-full-crud-pages) ``` # Basic CRUD for a Post model php artisan volt-starter:crud Post # With specific fields php artisan volt-starter:crud Product --fields=name:string,description:text,price:string,stock:integer ``` This generates: ``` resources/views/pages/ โ””โ”€โ”€ products/ โ”œโ”€โ”€ index.blade.php โ†’ GET /products โ”œโ”€โ”€ create.blade.php โ†’ GET /products/create โ””โ”€โ”€ [product]/ โ””โ”€โ”€ edit.blade.php โ†’ GET /products/{product}/edit ``` --- ๐Ÿ“ Published File Structure -------------------------- [](#-published-file-structure) After running `volt-starter:install --auth --roles`: ``` resources/views/ โ”œโ”€โ”€ components/ โ”‚ โ”œโ”€โ”€ layouts/ โ”‚ โ”‚ โ”œโ”€โ”€ app.blade.php # Main layout wrapper โ”‚ โ”‚ โ””โ”€โ”€ app/ โ”‚ โ”‚ โ””โ”€โ”€ sidebar.blade.php # Navigation + toast system โ”‚ โ””โ”€โ”€ ui/ โ”‚ โ”œโ”€โ”€ button.blade.php # Extended button component โ”‚ โ””โ”€โ”€ badge.blade.php # Role/status badge โ””โ”€โ”€ pages/ โ”œโ”€โ”€ dashboard.blade.php # Main dashboard โ”œโ”€โ”€ auth/ โ”‚ โ”œโ”€โ”€ login.blade.php โ”‚ โ”œโ”€โ”€ register.blade.php โ”‚ โ””โ”€โ”€ forgot-password.blade.php โ””โ”€โ”€ settings/ โ””โ”€โ”€ profile.blade.php ``` --- ๐Ÿ”” Toast Notification System --------------------------- [](#-toast-notification-system) Available everywhere via Livewire dispatch: ``` // In any Volt component $this->dispatch('notify', type: 'success', message: 'Saved!'); $this->dispatch('notify', type: 'error', message: 'Something went wrong.'); $this->dispatch('notify', type: 'warning', message: 'Please check your input.'); $this->dispatch('notify', type: 'info', message: 'Processing...'); ``` --- ๐Ÿ‘ฅ Role System ------------- [](#-role-system) When installed with `--roles`, a `role` column is added to `users` table: ``` // In any Volt component or middleware auth()->user()->role // 'superadmin' | 'admin' | 'user' // Helper trait (included) use Ilhamsyabani\VoltStarter\Traits\HasRoles; $user->isAdmin(); // true if admin or superadmin $user->isSuperAdmin(); // true if superadmin $user->isUser(); // true if user ``` --- ๐Ÿ’ก Why This Package? ------------------- [](#-why-this-package) Laravel already ships with Breeze and Jetstream โ€” but neither of them uses the modern **Volt + Folio** approach. If you've adopted Livewire Volt's single-file component style and Laravel Folio's file-based routing, you know there's no starter kit for this combination. This package fills that gap. --- ๐Ÿค Contributing -------------- [](#-contributing) Pull requests are welcome! Please read [CONTRIBUTING.md](CONTRIBUTING.md) first. ``` git clone https://github.com/ilhamsyabani/laravel-volt-starter cd laravel-volt-starter composer install ./vendor/bin/pest ``` --- ๐Ÿ“„ License --------- [](#-license) MIT โ€” see [LICENSE](LICENSE.md) --- Built with โค๏ธ by [ilhamsyabani](https://github.com/ilhamsyabani) ยท Indonesia ๐Ÿ‡ฎ๐Ÿ‡ฉ ### Health Score 39 โ€” LowBetter than 84% of packages Maintenance91 Actively maintained with recent releases Popularity4 Limited adoption so far Community2 Small or concentrated contributor base Maturity49 Maturing project, gaining track record How is this calculated?**Maintenance (25%)** โ€” Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** โ€” Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** โ€” Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** โ€” Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~1 days Total 4 Last Release 43d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/4cb2ebee0f7620520d41b25f76c6f9e751faa04b6c33113644d83ac540e25805?d=identicon)[ilhams](/maintainers/ilhams) --- Tags phplaravelcomponentsbladelivewiretailwindvoltcrudboilerplatethemedashboardadminstarter-kitfolioui-kit ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/ilhamsyabani-laravel-volt-starter/health.svg) ``` [![Health](https://phpackages.com/badges/ilhamsyabani-laravel-volt-starter/health.svg)](https://phpackages.com/packages/ilhamsyabani-laravel-volt-starter) ``` ### Alternatives [tomshaw/electricgrid A feature-rich Livewire package designed for projects that require dynamic, interactive data tables. 119.4k](/packages/tomshaw-electricgrid)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.8k](/packages/rawilk-profile-filament-plugin) PHPackages ยฉ 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)