Skin Builder – Online Tool for Skin Assembling

Good news! Now you are able to define custom colors and fonts for a web interface created with the Webix library. We are releasing Webix Skin Builder – online tool, which you can use for interface customization.



You may choose one of the eight predefined color schemes from the list of base skins (air, compact, clouds, glamour, light, metro, terrace and web) or create your own web app style.

Using clear web interface of Skin Builder, you can customize every piece of an application such as the title bar, buttons, text fonts, edit controls, margins, borders, etc., delivering it a professional appearance. This tool also enables you to observe the skin preview which imitates a real application interface.

After creating the desired look and feel you can download custom .css and .js files for the skin, or you may boast of the created skin with your friends and colleagues by clicking on button “Share”.



Start making the visual part of your app by visiting Skin Builder page now.

Written by
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

Webix product manager since 2012, interested in SMM and usability. She strives to make the online world better by creating qualitative and catching content.
  • Vladimir Drozdov

    Do you have other useful tools for web developers like Skin Builder?

  • When downloading from SkinBuilder, the webix version provided is 1.7 and there are some little bugs in CSS

    • Maksim Kozhukh

      Skin Builder is updated to version 2.0

      • When using the webix.css files provided by skin editor, the layout never show as like editor (mainly sizes).
        Using the file webix.js from skin editor, the layout shows like I spected, but now it is popup an alert message saying ‘This version of Webix is not intended for using outside of’.

        • Maksim Kozhukh

          Sorry for inconvenience, must work correctly now.

          • Keith Rust

            I’m running into the same issue, “This version of Webix is not intended for using outside of”

  • Guest

    I decided to give a second try to skin builder… :-)
    Still missing color config for texts.
    I do want to use some kind of dark theme and I need to set CSS manually for text colors

  • I’d like to suggest an enhancement to skinbuilder: what about to link (to use, to decode, etc.) to ?
    It’s a great site for ‘programmers’ like me that doesn’t know nothing about color combinations?
    Just look at export options!
    If this link is not enough, at least a post with a table, linking one value to another…

    • Maksim Kozhukh

      Yep, that may be helpful.

  • Ken Yang

    It seems that the webix.js must be replaced to apply the bar height for datatable. If the pro edition is used, how to apply the customized theme??

All posts: