19 Best jQuery Forms with Example and demo

Collection of Free Hand-picked jQuery Forms. All the collections are Included with the demos and Source codes.

Author

  • Jenning
  • September 6, 2017

Made with

  • Pug / Sass / JavaScript

About the Code

3D login jquery form concept

Fill in the jquery form and click login and see what happens!

More info: Link

Dependency: jquery.min.js

Author

  • Vineeth.TR
  • December 28, 2016

Made with

  • HTML / SCSS / JavaScript

About the Code

Panda Login

Funny material transition jquery login form

More info: Link

Dependency: jquery.min.js

Author

  • Che
  • September 3, 2014

Made with

  • Haml / Sass / CaffeeScript

About the Code

Animated jquery Login Form

Experimenting with hidden jquery login forms with animated reveals. This is the first of a few hopefully.

More info: Link

Dependency: family:Roboto+Slab, jquery.min.js

Author

  • Sarah Drasner
  • April 7, 2015

Made with

  • HTML / SCSS / JavaScript

About the Code

jQuery form with Animation That Assists in UX

Demo’ing how animation can aid in User Experience. In this case, the user knows the submit button functions, then has a loader to let them know they are waiting, which becomes a success screen. The animations keep the viewer occupied while the loading happens in the background.

More info: Link

Dependency: jquery.min.js, TweenMax.min.js, DrawSVGPlugin.js

Author

  • Victor Hugo Matias
  • July 12, 2014

Made with

  • HTML / Less / JavaScript (jQuery)

About the Code

Elegant jQuery Login Form

Just a basic elegant and fancy login form 

More info: Link

Dependency: font-awesome.min.css, jquery.min.js

Author

  • Rian Ariona
  • March 1, 2016

Made with

  • Pug / SCSS / JavaScript (jQuery)

About the Code

Stripe.com Style Dropdown Menu

A concept for an interactive signup form.

More info: Link

Dependency: jquery.min.js

Author

  • Vimalraj
  • June 9, 2020

Made with

  • HTML / CSS / JavaScript

About the Code

jQuery User Registration Form

jQuery form Validation Ex 2

More info: Link

Dependency: jquery.min.js

Author

  • Atul Kumar Singh
  • October 16, 2019

Made with

  • HTML / CSS / JavaScript

About the Code

jQuery Form Wizard

More info: Link

Dependency: jquery.min.js

Author

  • Vijaya Kumar Vulchi
  • January 7, 2016

Made with

  • HTML / Less / JavaScript (jquery)

About the Code

Form validation with My Custom select box JQuery

Form validation with custom select box – Sample demo

More info: Link

Dependency: jquery.min.js

Author

  • haodan188
  • September 8, 2016

Made with

  • Pug / SCSS / JavaScript (jquery)

About the Code

Mailing List sign-up (DailyUI #001)

My design for day one of DailyUI (http://dailyui.co/) – the prompt was “Sign up”, so I went with a simple mailing list sign-up form.

More info: Link

Dependency: jquery.min.js

Author

  • Jamie Coulter
  • April 17, 2015

Made with

  • Haml / SCSS / JavaScript (jquery)

About the Code

Login Box Concept

Just trying to do some login animations. Buggy on Firefox, fine in Chrome. Still need to tidy up and Optimize

More info: Link

Dependency: jquery-ui.css, jquery.min.js, jquery-ui.min.js

Author

  • Nikita Jadhao
  • July 29, 2016

Made with

  • HTML / Less / JavaScript (jquery)

About the Code

Progressive sign up

More info: Link

Dependency: jquery.min.js

Author

  • Nikolay Talanov
  • December 6, 2015

Made with

  • HTML / SCSS / JavaScript (jQuery)

About the Code

Login/Logout animation concept

Right now svg-icons not appears in IE (css animation). All 4 icons are hardcoded with numbers, just for fun.

More info: Link

Dependency: font family:Open+Sans, jquery.min.js

Categories:
W3TWEAKS
Latest posts by W3TWEAKS (see all)

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *