Step 1. Design Web App

Web Designer

Step 2. Generate Theme

Theme Generator

Step 3. Publish Website



Drag and Drop UI

Design pages and generate theme using drag and drop user interface.

Code Editor

Edit HTML, CSS, LESS, JavaScript and CoffeeScript code. Preview is updated automatically.

Free Themes

Generate as many themes or design as many pages you want. Free for personal and non-commercial use.

Responsive Themes

Add generated bootstrap-responsive.css along with bootstrap.css to make your site responsive in desktop, tablet and smartphone browsers.

Auto Theme Generation

Click on the "Dice" button to auto generate theme. It will get you started immediately. Click on the browser's "Back" button to view previously generated themes.

Color Palette Generation

Generate color palette - Tints and Shades, Complemet, Triad, Tetrad, Monochromatic, Analogous, Split Complements.

Online Tool

Download only your code and not the tool. Works in the latest desktop browsers - Chrome, Safari, Firefox

Online Gallery

Share your themes and templates in public gallery or preview shared themes, templates and snippets.

Import Bootstrap Variables

Import Bootstrap variables.less content or part of it and see generated theme immediately. Works even for the variables from old versions of Bootstrap.

Download Code

Download HTML, CSS and JavaScript with just one click. If you want you can download LESS files also.

Save Pages

Save your creation. Create your personal collection of themes, templates and code snippets. Share your work by sharing URL or add to the gallery.

Github Gist

Share your code with others by creating Github Gist. Also you can view any Gist containing HTML by entering Gist url.

LESS Mixins

Use LESS, Bootstrap and LESSHat mixins in LESS editor.

Google Web Fonts

Supports web font from extensive collection of Google Web Fonts.


Supports icons from Glyphicons. It is a library of precisely prepared monochromatic icons and symbols.

Awesome Icons

Supports icons from Awesome Icons. Disable default Glyphicons in Advanced tab and add font-awesome.css to your page.


LESS is a dynamic stylesheet language. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions.


Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development.


compress using simpless


forum to request features, report defects, seek help and provide feedback

Contact Us | Follow Us | Terms of Use | Privacy Policy | Credits

© 2012-2013 NIVA Systems LLC All rights reserved.