6 Sexy jQuery Login, Signup and Multi-Step Forms

6 Sexy jQuery Login, Signup and Multi-Step Forms

Posted by Rainey

Sometimes, the attention to minor details on a website  can really make it stand out. Adding stylish, user-friendly elements to forms on a website is one thing that many designers (including myself) overlook or do not take the time to do. Here are six great ways to make your login, signup and multi-step forms pop!

Sliding jQuery Login/Signup Form – net tut+

nettuts-jquery-login

This tutorial will show you how to build a sexy login that slides to hidden state when not needed.

Sliding jQuery Login/Signup Form – web-kreation

sliding-login-panel-jquery

With this plugin, you will have a nice sliding login bar in no time.

This plugin has also been adapted for WordPress and Drupal

Twitter Style jQuery Signup Form – aex

twitter style jQuery Login

This tutorial will show you how to create a Twitter style login.

Sliding Multi-Step jQuery Form – Codrops

FancySlidingForm

Look at how gorgeous this this thing is!

jQuery Multi-Step Signup Form – WebExp18

jquery-multi-step-sign-up-form

This multi-step form shows a progress bar at the bottom and has a few other nice surprises.

Jquery switching between login and signup forms

jquery-toggle_login_and_signup-final-result

This one needs a little design/CSS love, but the concept is nice.

Like what you are reading? Subscribe to receive monthly tips & updates!

A Monthly Roundup of Articles and a Sweet Deal

Get the latest tips, tricks, tutorials and freebies in your inbox once a monthly.

Join our growing community of front-end web developers and designers. We are constantly publishing new industry tips, tricks and tutorials to help you take your game to the next level. We are also going to include a freebie or deal on something cool each month. Enter your email below and you will only receive this email once a month, nothing else.

Subscribe to our mailing list

* indicates required


    Today in Web Design - Resources
    Tagged | , , , , ,

    • Pingback: Tweets that mention Today in Web » 6 Sexy jQuery Login, Signup and Multi-Step Forms -- Topsy.com

    • http://brandonbuttars.com Brandon Buttars

      You can do so much more when you combine jQuery with CSS.

    • Nirbhik Ravi

      Please, keep up the good work and continue to post topics like this. I am old fan of your site!

    • http://www.squidoo.com/sipadan-island-diving Sipadan Island Diving

      Thanks dude, very helpful

    • DJ Taylormade

      Thank you so much for sharing!

    • Marcus Reefer

      Thanks for the post 🙂

    • limon

      nice post

    • noname

      thankyou

    • Sukant Paravate

      i found this multi step jquery form with validation, php & mysql insert to this URLhttp://www.sachinghare.com/blog/multi-step-jquery-css3-php-form-for-registration-or-signup-or-contact-use/