A lightweight, customizable form wizard built with Laravel Livewire 3 and Tailwind CSS. Ideal for onboarding flows, multi-step forms, or split form logic.
🚀 Live Demo: https://laravel-livewire.codegenie.be
- Multi-step navigation with real-time validation
- Livewire 3 compatible (using
wire:submit, lifecycle hooks) - Blade + Tailwind-based layout
- Custom color theming
- Loading indicators per step
- Feature test included (Pest)
git clone https://github.com/Codegenie-BE/laravel-livewire-multistep-form.git
cd laravel-livewire-multistep-form
composer install
npm install && npm run build
cp .env.example .env
php artisan key:generate
touch database/database.sqlite
php artisan migrate
php artisan servegit clone https://github.com/Codegenie-BE/laravel-livewire-multistep-form.git
cd laravel-livewire-multistep-form
composer install
npm install; npm run build
Copy-Item .env.example .env
php artisan key:generate
New-Item -ItemType File -Path "database/database.sqlite"
php artisan migrate
php artisan serveTip: Use only ASCII characters in
.envforAPP_NAME(e.g.,LivewireWizard)
Open http://localhost:8000 in your browser.
app/Livewire/MultiStepForm.php # Livewire logic
resources/views/livewire/multi-step-form.blade.php
resources/views/layouts/app.blade.php
resources/views/home.blade.php
resources/views/thankyou.blade.php
config/ui.php
tests/Feature/Livewire/MultiStepFormTest.php
./vendor/bin/pestMost multi-step wizards are either too bloated or not Livewire 3 compatible.
This package is:
- 🧼 Clean and minimal — no unnecessary dependencies
- 🧠 Built with Laravel conventions
- ⚡ Livewire 3.x ready (including lifecycle, wire:navigate)
- 🎨 Fully customizable via Tailwind
- Fork the repo
- Create a new branch:
git checkout -b feature/my-feature
- Commit and push your changes
- Submit a pull request
MIT © Codegenie-BE
🧙♂️ Created with passion by Jordy L’oeuille — www.codegenie.be
💬 Questions or ideas? Open an issue
⭐ If you find this useful, give it a star to support the project!