Skip to the main content
{}

Open-source Laravel tool

Laravel Livewire Multi-step Form

Open-source Composer package for Laravel 12/13 and Livewire 3.6+/4: a configurable multi-step form with validation, a review step and a controlled submission hook.

View on GitHub(Opens in a new window)Discuss Laravel forms

When should you use this tool?

Use the component for scoped intake or onboarding flows. Configure fields, rules and consecutive steps in your own Laravel application.

The package handles step navigation, validation and review. Your application remains responsible for authorisation, persistence, email and other submission side effects.

Who is this tool for? Laravel teams integrating multi-step forms without handing application persistence to a package.

Quickstart

Local installation

Use the repository as a starting point. Always verify your own project requirements and lockfiles before production use.

composer require codegenie-be/laravel-livewire-multistep-form

Key capabilities

  • 01Per-step validation and checks on final submission
  • 02Review step before final processing
  • 03Configurable fields with server-side validation rules
  • 04Localised interface and accessible focus management
  • 05Submission hook without automatic ownership of application persistence
  • 06Select fields are validated against allowed options

From a browser demo to an application

The linked Composer package declares support for Laravel 12/13 and Livewire 3.6+/4. This page’s browser demo illustrates interaction only. It makes no Livewire requests and does not prove server validation. Follow the installation instructions for the chosen repository version when building the application.

Check the complete form journey

  • Leave required input empty: the visitor stays on the relevant step with a linked error message.
  • Enter valid input, move forward and go back: previous values remain available.
  • Validate invalid and modified input again on the server at completion, even if earlier steps passed.
  • Show a real confirmation only after successful processing. A browser click is not a received enquiry.
  • Do not adopt demo storage, roles or data as production policy; define those for your own form.
Read about multi-step form design and validation

Try a multi-step form

Browser demonstration of navigation and validation, without a Livewire backend. Your choice and number remain only in this page’s memory; nothing is sent or stored. The Composer package contains the server-side component.

The interactive demo is not active. Installation instructions and source code remain available.

Another useful Laravel resource

Adapt a tool to your own Laravel project?

Codegenie can tailor the flow, styling, validation or deployment to your existing application.

Discuss your project