Bootstrap Colored Login Forms: 3 Free Templates

Published on: Mar 22 2016 by Anli

Bootstrap Colored Login Forms: 3 Free Templates

Today’s freebie is a new package containing some colored Bootstrap login forms which I created using these other forms, released a few months ago. I updated the Bootstrap and Font Awesome libraries to the latest versions, modified some small details and changed the colors and backgrounds, giving a new style to these templates which I hope you’ll like.

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

Some of the features include: fullscreen background, Font Awesome icons, simple jQuery form validation to prevent users from leaving the fields empty.

Take a look below for the full list of features, the live preview link and the download link. Enjoy!

You might also like:

Bootstrap Login Forms: 3 Free Responsive Templates
Bootstrap Modal Login Forms: 2 Free Templates
Bootstrap Login and Register Forms in One Page: 3 Free Templates


  • Responsive Layout (Bootstrap framework)
  • 3 Different Login Form Templates
  • Fullscreen Background
  • Simple jQuery Form Validation (to prevent users from leaving empty fields)
  • Font Awesome icons

The 3 Login Templates

Template 1:

Bootstrap Colored Login Form 1

Template 2:

Bootstrap Colored Login Form 2

Template 3:

Bootstrap Colored Login Form 3

How To Use The Templates

Download the zip package below and extract it. You’ll see that each form template is in its own folder (named “form-1”, “form-2”, “form-3”) with all the needed files.

Use the “index.html” file to modify the HTML code. The style can be changed from the CSS files in the “css” folder (assets/css).

In the templates I have also used some Javascript (jQuery) for the form validation and the fullscreen background. You can find this code in the “scripts.js” file (assets/js).

The images are located in the “img” folder (assets/img).

Demo, Download and License


DOWNLOAD: Bootstrap Colored Login Forms: 3 Free Templates (4043 downloads )


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.

Background images by:

Want More Forms?

Take a look at the Marco template. It comes with 10+ layouts and 30+ forms (contact, registration, login and subscription forms):

Marco Template: Login Forms

Marco Template: Registration Forms

Filed under: Templates

2 Comments So Far

  1. David says:

    Hi, great forms and how to install instructions. We are moving sites from WP to Bootstrap for bloat, security and design speed reasons. What is missing is a form that can connect to an auto responder like Mail Chimp. We could install raw code or use a iframe. But these don’t always inherit the look and feel of the template. Any suggestions? David

Leave a Reply

To learn how we use your data when you comment, read our Privacy Policy here.