Collection of free jQuery form examples: email check, password check, password input, login, sign up and subscribe forms. Update of October 2019 collection. 7 new items.
Related Articles
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Multistep Form
Multistep form with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.easing.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
UI Design: Send A Postcard Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: simple-line-icons.css
Links
Made with
- HTML (Slim) / CSS (Sass) / JS
About a code
Anthropologie Email Sign Up Form
A fun quick email and phone signup jQuery form based on Anthropologie.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.easing.js
Links
Made with
- HTML (Haml) / CSS (SCSS) / JS
About a code
NESubscribe
Subscribe form with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: splitting.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Subscribercoaster
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: splitting.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Dynamic Focus
The focus takes width, height and border-radius into account.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Login Form With Confirmation
Login form with confirmation in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Interactive Newslatter Form
Notify me - interactive newslatter form in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML (Haml) / CSS (SCSS) / JS
About a code
Subscribe Form
Animated subscribe form in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js, splitting.js
Links
Made with
- HTML (Haml) / CSS (SCSS) / JS
About a code
Pinball Wizard Effect For Form
Signup form concept with Splitting.js.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, splitting.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Password Check
Password check in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Email Check Animation
Exploration for invalid email.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
Password Error Animation
Drawing the close button icon for password error UI using CSS animations and jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Simle Animated Form
Animated form with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css
Links
Made with
- HTML / CSS / JS
About a code
Password Input Field
Password input field with micro-interactions to show and hide the password.
Compatible browsers: Chrome, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Password Error Animation #2
Password input animation error in jQuery.
Compatible browsers: Chrome, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
Sign Up Form With Progressive Disclosure
This signup form shows progressive disclosure and micro-interaction. Progressive disclosure means showing information or action when a user actually needs it. This same concept can also be applied to login forms.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Password Error Animation
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Login UI
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Email Validation Animation
Simple animation if the email is valid.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Code Input Field
Small jQuery example.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Transforming Select Fields
Just a little form to showcase how you can use DL, DT & DD to spice up your select boxes.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Sign Up Form
Sign up & Sign in form for a flower company app animated with jQuery. Design inspiration by lavender flowers with pastel colors.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (Sass) / JS
About a code
Password Visibility Toggle
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: ionicons.css, jquery.js