Bootstrap QR Generator

screenshots Live Preview

B1st Bootstrap QR Generator, a Colored and Stylish Bootstrap QR Generator for an Elegant QR System. It is an elegant QR generator with lots of features, based on Bootstrap / HTML5 & CSS3 framework.

Top Features

9 possible types
Text, URL, Telephone, SMS, Email, Email Message, vCard, meCard, WiFi access, Geo location, Calendar events.

Colored QR images
Customize your color as you wish using our RGB sliders system.

jQuery UI CSS Framework
Bootstrap QR Generator use jQuery UI CSS Framework as the core css framework. jQuery UI 1.7 and higher are built around a themable CSS framework with semantic naming conventions. The new CSS framework is built to support not only jQuery UI's own plugins, but also custom plugin development. The framework itself is static with comment tokens which can be manipulated by ThemeRoller to generate a customized look and feel

jQuery Validation
Bootstrap QR Generator uses jQuery to validate entries e.g. email, phone number and Geo location.

Template system
Easy to customize. It uses .html and .css files. There are lots of Qurey Ui styles to selct form at

User friendly interface
Built for easing up your work using cutting edge technology, Bootstrap, jQuery UI CSS Framework.

Google Infograph API
Images generated via Google Infograph API The infographics server returns an image in response to a URL GET or POST request. All the data required to create the graphic is included in the URL, including the image type and size. For example, copy and paste the following URL in your browser: The image you see is a QR code representation of the phrase "Hello World". Try changing the phrase to your own name and refresh your browser. That's all it takes!

Set Image Margin
Margin (space), The width of the white border around the data portion of the code.

3 generated images format
View and download QR images in any of PNG, JPG and GIF format.

Google Url shortener allows you to track, in real-time, the clicks and referrers on any shortened URL. if you need make use of this feature you will need to apply to a Google API Key to Create new key:
  1. Go to and login
  2. Go to service on left menu
  3. Pick URL shortener service and activate it
  4. Then see on api access for API key
  5. Finally open qr-code.php
    with your key e.g. $google_api = '123456789123456789123456789123456789';
Multiple Sizes
9 sizes are allowed:
  1. 100x100
  2. 150x150
  3. 200x200
  4. 250x250
  5. 300x300
  6. 350x350
  7. 400x400
  8. 450x450
  9. 500x500
Multiple Encoding Formats
Three encoding format are allowed UTF-8, ISO-8859-1, Shift_JIS

Multiple Correction levels
QR codes include an error correction scheme which comes with a certain overhead. Four levels of error correction are available - the more error-resistant the code, the more rows/columns of pixels are needed:
  1. L copes with up to 7% data loss
  2. M copes with up to 15% data loss
  3. Q copes with up to 25% data loss
  4. H copes with up to 30% data loss

User Reviews 

Be the first to review this listing!
Average Member Rating: 5.00/5