Bootstrap Modal Login Forms: 2 Free Templates

Published on: Aug 20 2015 by Anli

Bootstrap Modal Login Forms: 2 Free Templates

Today’s freebie is a package of modal Bootstrap login forms containing 2 different templates to integrate in your projects and customize as you like.

With these forms I’ll continue the trend of Bootstrap forms (you can find them all here) started a few months ago which has been successful so far in terms of visits and downloads. In fact, today’s package is very similar to these login forms and these modal registration forms.

The 2 form templates include: a light modal login form and a dark modal login form. They can be used for example, in a website to give users the possibility to login without leaving the page.

If you don’t know what modals are, take a look at the Bootstrap documentation here.

Below you’ll find the full list of features, the live preview link and the download link. Enjoy!


  • Responsive Layout (Bootstrap framework)
  • 2 Different Form Templates
  • Fullscreen Background (Images Slider also available)
  • Simple jQuery Form Validation (to prevent users from leaving empty fields)
  • Font Awesome icons

The 2 Templates

Template 1: Light Modal Login Form

Light Bootstrap Modal Login Form

Template 2: Dark Modal Login Form

Dark Bootstrap Modal Login Form

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”) 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). When you change the logo, make sure you create also the “@2x” version (double size image) for Retina devices (iPhone, iPad).

Demo, Download and License


DOWNLOAD: Bootstrap Modal Login Forms: 2 Free Templates (4237)


You can use these modal 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.

Want More?

If you like the form templates above and want more layouts, color schemes and features along with free support and free updates, you should take a look at the premium template Marco:

Marco: Bootstrap Multi-purpose Landing Page

Marco: Bootstrap Multi-purpose Landing Page

Leave a Reply