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 (3249 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.