Bootstrap Live Customizer Free to use

Bootstrap Live Customizer customize variables.less on-the-fly

Click the button to open a new browser window to use it now.

Free to use.

This is a live customizer for Bootstrap, very similar to Bootstrap's customizer (it works with the same variables), but here the results of the edits are visible live on this page. The theme.less file is also editable which can be used to overwrite any style rule (the editable less variables can be used in theme.less as well).
This tool generates the customized bootstrap.css file but also the variables.less file which can be used to compile Bootstrap's style sheets manually. Feel free to customize the LESS variables on the right and see the results live on this page! Check out the less functions, they are supported by the customizer!

  • Edit the variables and see the results immediately
  • Generates the customized bootstrap.css file (applying the customized theme.less)
  • Can use web fonts (just import them in theme.less - see the predefined themes for examples)
  • Can import any customized variables.less file
  • Can save any color in the color picker and reuse them later
  • The preview and the built in themes are based on the awesome Bootswatch project by Thomas Park
  • Built on top of Live LESS Theme Customizer (which works with ANY webpage, not just Bootstrapped ones)
  • This project is brought to you by Virtuosoft, coded by István Ujj-Mészáros

The generated files are public domain which means that they can be used in any project without any restrictions.

UK Top 40 Songs
Weather Conditions
Categories
Advertisement
Who's on the site