Handpicked Multistep HTML forms using HTML, CSS, jQuery, Angular Js, and JavaScript. Demo and Download the zip (*.zip). Updated with 4 new items on Apr 30, 2020
Multi Step Form with progress bar jQuery and CSS3
See the Pen Multi Step Form with progress bar jQuery and CSS3 by webbarks (@webbarks) on CodePen.
Created on April 10, 2020 Updated on April 10, 2020
Author: webbarks
Multi-step signup form
See the Pen Multi-step form by Monica (@monbrielle) on CodePen.
Created on April 28, 2020 Updated on April 28, 2020
Author: Monica
Multi-Step Bootstrap Form with animations
Multi Step Bootstrap Form with animations (responsive)
See the Pen Multi Step Bootstrap Form with animations by Natalia Davydova (@nat-davydova) on CodePen.
Created on September 21, 2019 Updated on April 14, 2020
Author: Natalia Davydova
Bootstrap Multi-step form with the progress bar
See the Pen Bootstrap Multi step form with progress bar by Emran Khan (@emrankhan016) on CodePen.
Created on February 1, 2018 Updated on February 3, 2018
Author: Emran Khan
Bootstrap 4 Multi-step form
Multi-Step form with validation
Developed By: Thumper
Created: MAY 24, 2018
Multi Step Form with Progress Bar using jQuery and CSS3
Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor authentication logins, etc.
Developed By: Atakan Goktepe
Created: AUGUST 10, 2013
Multi Step Form with JS Validation & SPAM Blocker
Forked from Atakan Goktepe’s Pen Multi Step Form with Progress Bar using jQuery and CSS3.
Developed By: Wolf Wortmann
Created: MARCH 02, 2015
Multi Step Form with Progress Bar using jQuery and CSS3
Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor authentication logins, etc.
Developed By: Daniel Ramos
Created: APRIL 09, 2014
Multi-step form with progress bar
Developed By: Brendan Sparrow
Created: NOVEMBER 24, 2015
Multi-step form interface
Developed By: Emil Devantie Brockdorff
Created: JANUARY 08, 2015
React Js multi step form with progress bar
React Js multi step form with progress bar with beautiful animation
Developed By: Tommy Marshall
Created: JANUARY 13, 2015
Multi-Step Form with CSS Only
This pen is for a CSS only multi-step form. It doesn’t use any JS. I’ve used Bootstrap to add a little bit of styling.
Developed By: Mike Doubintchik
Created: OCTOBER 08, 2015
Multi step form using CSS and jQuery
A nice multi step form using Jquery, all credits to jankoatwarpspeed.com
Developed By: Hélio Marcondes
Created: OCTOBER 20, 2014
Interactive three step sign up Form
An interactive multi step form
Developed By: Rosa
Created: DECEMBER 09, 2016
Awesome Multi step animated form
This is a project I made for a friend, the goal is to create a multi-step form by editing templates only using HTML. I created styles for titles, texts, inputs so you don’t have to edit the CSS. And the Javascript handles the next/prev/submit buttons, setup classes, switch to next step, etc. Might be some improvements to make or cool features to add.
Developed By: Jerome Renders
Created: MAY 10, 2016
AngularJS 1.5.x Multi-Step Form
A Multi-step web form with AngularJS and CSS only (no jQuery), Form Validation with tool-tips, Animations & More. AngularJS 1.x multip-step ng-switch form. Updated with a $scope object keeping track of the form parameters.
Developed By: Josh A
Created: JUNE 08, 2016
Multi Step Form using Semantic ui
A Multi-step web form with AngularJS and CSS only (no jQuery), Form Validation with tool-tips, Animations & More. AngularJS 1.x multip-step ng-switch form. Updated with a $scope object keeping track of the form parameters.
Developed By: KEYUR PARALKAR
Created: AUGUST 08, 2016
Multi-Step Form UI with beautiful animation
Developed By: Ryan Irilli
Created: JUNE 03, 2013
Fundraising Grader: Multi-Step Form UI with jQuery Validation
Fully responsive multi-step form grader with validation pre-submit and pop up model. Using math to calculate a grade between 0 and 400 based on the data you enter.
Developed By: Ty Stelmach
Created: JULY 21, 2015
Multi Step Form with Vanilla JS
A simple and easy to use dynamic multi step form made with javascript. The script automatically ajustes to the numbers of fieldsets or steps, making it a very flexible framework for multi step forms based on a CMS.
Developed By: Difan
Created: DECEMBER 06, 2016
Multistep Form using Parsley Validation
Test multi step form using Parsley Validation.
Developed By: ali
Created: JANUARY 14, 2016
Multistep interview form using sketch
multi-step form sketch
Developed By: Ilya Gerasimenko
Created: JANUARY 22, 2016
Multi Step Form with Bourbon
Developed By: Momanyi Samuel
Created: SEPTEMBER 01, 2016
CSS Only – Slide Animation | Multi Steps Form
Concept Test about a sliding multi steps form.
Developed By: Flor Antara
Created: DECEMBER 29, 2016
Multi-step form with FE validations
Concept Test about a sliding multi steps form.
Developed By: Flor Antara
Created: DECEMBER 29, 2016
Multi Form by toggling visible fieldsets
Toggle between fieldsets using the .active class and a little jQuery.
Developed By: Kyle B. Johnson
Created: AUGUST 19, 2014
Multi Form Shopping Cart UI
Developed By: Martin Franek
Created: MARCH 27, 2017
Discussion about this post