FlowCraft UI: Multi-Step Lead Wizard
Zero-dependency multi-step lead generation form built with Tailwind CSS and Vanilla JS. Includes index.html (UI), app.js (step logic), style.css (transitions) and .htaccess (hosting settings).
What it does:
- Three steps: Name and email → Budget and timeline → Thank-you screen
- Progress bar and step markers that update as visitors move forward
- Next and Previous buttons with smooth slide transitions, no page reload
- Inline validation that points visitors to the field that needs fixing
- Thank-you screen that summarises the visitor's answers
- Send leads to your own form handler, CRM or webhook by pasting its URL into one setting in app.js
- Heavily commented JavaScript, easy for junior developers to follow
- Respects the visitor's reduced-motion setting
No npm install or build step. Works from any web host, or opened directly from your computer.
Try the live demo: https://haveinsights.com/flowcraft/lead-wizard/
License: One purchase may be used and modified in unlimited personal and client projects. Standalone resale, sharing, and redistribution are not permitted.
Support: support@haveinsights.com