jeffersongoncalves/laravel-livewire-wizard

Build multi-step wizards using Livewire 3.

1.1.1 2026-07-31 12:07 UTC

Requires

• php: ^8.2
• illuminate/contracts: ^11.0|^12.0|^13.0
• illuminate/support: ^11.0|^12.0|^13.0
• livewire/livewire: ^3.0
• spatie/laravel-collection-macros: ^7.13|^8.0
• spatie/laravel-package-tools: ^1.16.1

Requires (Dev)

• ext-dom: *
• larastan/larastan: ^3.0
• laravel/pint: ^1.21
• nunomaduro/collision: ^8.0
• orchestra/testbench: ^9.0|^10.0|^11.0
• pestphp/pest: ^3.0|^4.0
• pestphp/pest-plugin-laravel: ^3.0|^4.0
• spatie/pest-plugin-snapshots: ^2.0.1

MIT

• Jefferson Gonçalves

• wizard
• laravel
• livewire
• multi-step-form

Published on Packagist.org on 2026-07-31 12:08 UTC

README

A maintained fork of spatie/laravel-livewire-wizard v2, kept compatible with Livewire 3 and Laravel 11/12/13. Build multi-step wizards where each step is its own Livewire component, state flows between steps automatically, and navigation is a method call away.

Requirements

• PHP 8.2+
• Laravel 11, 12, or 13
• Livewire 3

Installation

composer require jeffersongoncalves/laravel-livewire-wizard

Usage

1. Create the wizard component

namespace App\Livewire;

use JeffersonGoncalves\LivewireWizard\Components\WizardComponent;

class CheckoutWizardComponent extends WizardComponent
{
    public function steps(): array
    {
        return [
            CartStepComponent::class,
            DeliveryAddressStepComponent::class,
            ConfirmOrderStepComponent::class,
        ];
    }
}

2. Create each step

Each step is a regular Livewire component that extends StepComponent:

namespace App\Livewire;

use JeffersonGoncalves\LivewireWizard\Components\StepComponent;

class CartStepComponent extends StepComponent
{
    public function render()
    {
        return view('checkout-wizard.steps.cart');
    }
}

3. Register the components

use Livewire\Livewire;

Livewire::component('checkout-wizard', CheckoutWizardComponent::class);
Livewire::component('cart-step', CartStepComponent::class);
Livewire::component('delivery-address-step', DeliveryAddressStepComponent::class);
Livewire::component('confirm-order-step', ConfirmOrderStepComponent::class);

4. Render the wizard

<livewire:checkout-wizard />

5. Navigate between steps

From inside any step component:

$this->nextStep();
$this->previousStep();

Or directly in a view:

<div wire:click="previousStep">Back</div>
<div wire:click="nextStep">Next</div>

State set via public properties on one step is automatically available on the next. See the original Spatie docs for the full guide on initial state, custom state objects, and testing wizards — the v2/Livewire 3 API this package tracks is unchanged.

Testing

composer test

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Security

If you discover any security-related issues, please email [e-mail] instead of using the issue tracker.

Credits

• Jefferson Gonçalves
• Originally created by Freek Van der Herten and Rias Van der Veken at Spatie

License

The MIT License (MIT). Please see License File for more information.