Bootstrap Login Forms: 3 Free Responsive Templates

Published on: Apr 19 2015 by Anli

Bootstrap Login Forms: 3 Free Responsive Templates

A few weeks ago I published some registration templates made with Bootstrap that seems you’re enjoying (385 downloads as I’m writing this, yay!). Today I’ll continue this trend with some free Bootstrap login forms all packed in a handy .zip file.

The package contains 3 different responsive login templates to integrate in your Bootstrap projects and create nice login pages.

Some of the features are: fullscreen background (with image slideshow also available), Font Awesome icons, simple jQuery form validation to prevent users from leaving the fields empty. Below you’ll find the full list of features, the live preview link and the download link. Enjoy!


  • Responsive Layout (Bootstrap framework)
  • 3 Different Login Form Templates
  • Fullscreen Background (Images Slider also available, you can see it in “Template 2”)
  • Simple jQuery Form Validation (to prevent users from leaving empty fields)
  • Font Awesome icons

The 3 Login Templates

Template 1:

Bootstrap Login Form 1

Template 2:

Bootstrap Login Form 2

Template 3:

Bootstrap Login Form 3

Demo, Download and License


DOWNLOAD: Bootstrap Login Forms: 3 Free Templates (52241)


You can use these login form templates in personal and commercial projects, but you can’t sell or distribute them directly, “as is”. If you plan to use them, a link to this page or any form of spreading the word will be much appreciated.

Photos by:

You might be interested…

You might also be interested to take a look at the Marco Bootstrap Landing Page. It’s a premium template that comes with many different layouts, color schemes and features along with free support and free updates:

Marco: Bootstrap Multi-purpose Landing Page

Marco: Bootstrap Multi-purpose Landing Page

Filed under: Templates

14 Comments So Far

  1. Ivan Kolev says:

    Hey, amazing template, but can you tell me how to change the background image? I can’t seem to find where it gets its url in the code

  2. arun says:

    These are the best login form design. truly helpful.

    Thanks for the providing such best work.

  3. Lyudmil says:

    Thank you for sharing your knowledge, it is really good work.

    All the best my friend and good luck

  4. Jaffy says:

    Dumb question … How do i setup a username and password?

  5. Dafnppl says:

    How can i remove the title icon? Thank you for the form, its really beautiful!

  6. Jamie says:

    Stupid question – where or how is the lock icon formed? I don’t really want the whole form or to adopt all the CSS files, but if you can point out where I can grab it I would really appreciate it. Awesome looking form!

  7. cheeko says:

    When I save this as .php file,it takes values for username password by default,why?

  8. P.M. says:

    Is there a way to add a “Forgot Password?”

  9. Anwar says:

    how to integer this template in symfony project thanks

  10. Raf says:

    Okay guys, this form is really good and brilliant and beautiful. BUT it’s not “How to implement it in Symfony” or “How to implement it in WordPress”, or “How to implement it in…. XXXXX “. this is not some tutorial site, go read others if you want to learn how to make a form work in a CMS system or framework….

Leave a Reply