Live LESS Theme Customizer

    Live LESS Theme Customizer
    • Live edit the visuals of a web page in a browser with the help of Less.js (colors, padding and any other CSS properties)
    • Edit the Less variables and see the results immediately on the preview page.
    • Generates the customized CSS file (and the minified version).
    • Provides a way to the user to freely overwrite any style by hand.
    • Can use any web fonts (by adding the @import’s into the custom Less code).
    • Related variables – filter the variables that affects the appropriate element
    • Can import any customized Less file with comment hinting – it is very easy to set up the customizer.
    • Can save any color in the color picker and reuse them later.
    • The preview is in an iframe so any multi-paged theme can be edited without reloading the editor (the same Less variables can be used on every page, with the actual customizations applied to every page).
    • Javascript interface – load any pre-defined theme programmatically (see the theme selector in the advanced demo).
    • Very easy to set up the customizable variables (they are getting parsed from a Less file)

    Leave a Reply