Bootstrap Flat Registration Forms: 3 Free Templates

Published on: Jul 02 2015 by Anli

Bootstrap Flat Registration Forms: 3 Free Templates

Today’s freebie is a package of flat Bootstrap registration forms containing three different templates to integrate in your projects, to learn from them or just to get some inspiration. After the release of these 3 registration forms a few weeks ago and after seeing that the users liked them, I thought of creating another version with a flat style and flat colors which I’m publishing now. As you’ll see, this new version is very similar to the first one, but comes with a new style and some small layout changes.

These 3 templates include: a registration form with description and call to action buttons, an iPhone mockup with a registration form, and an eBook mockup with a registration form.

Some other features: fullscreen background (with image slider also available), Font Awesome icons, Retina ready, simple jQuery form validation, etc. Below you’ll find the full list of features, the live preview link and the download link.

Other Bootstrap forms you might like:

Bootstrap Registration Forms: 3 Free Responsive Templates
Bootstrap Login Forms: 3 Free Responsive Templates
Multi Step Registration Form with Bootstrap, CSS3, jQuery
Bootstrap Contact Forms: 2 Free Responsive Templates


  • Responsive Layout (Bootstrap framework)
  • 3 Different Form Templates
  • Flat Design
  • Fullscreen Background (Images Slider also available)
  • Simple jQuery Form Validation (to prevent users from leaving empty fields)
  • Font Awesome icons
  • Retina ready
  • iPhone mockup PSD files (from here)

The 3 Templates

Template 1: Registration form, Description, Call to action buttons

A simple registration form with a description and action buttons. You can change, remove or add new fields to the form, change the description text and the buttons.

Bootstrap Flat Registration Form 1

Template 2: Registration form with iPhone Mockup

A registration form with an iPhone mockup you can use for example to present your App. You can use the PSD files to add your own App screenshot.

Bootstrap Flat Registration Form 2

Template 3: Registration form with eBook Mockup

You can use this template for example if you want to give a free eBook to your readers and you want them to subscribe to download it.

Bootstrap Flat Registration 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” and so on) 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 images, make sure you create also the “@2x” version (double size images) for Retina devices (iPhone, iPad).

Demo, Download and License


DOWNLOAD: Bootstrap Flat Registration Forms: 3 Free Templates (3419)


You can use these flat registration 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:

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