Blog

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.

IMG_18122013_164425

 

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”.

IMG_18122013_175058

 

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

Webix product manager since 2012, interested in SMM and usability. She strives to make the online world better by creating qualitative and catching content.
Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn Bookmark on del.icio.us Vote on Reddit
  • Vladimir Drozdov

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

  • http://caverna.iblg.co Caverna

    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

      • http://caverna.iblg.co Caverna

        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 webix.com’.

        • Maksim Kozhukh

          Sorry for inconvenience, must work correctly now.

  • 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
    Ex.: http://webix.com/skin-builder/4fb51e6b

  • http://caverna.iblg.co Caverna

    I’d like to suggest an enhancement to skinbuilder: what about to link (to use, to decode, etc.) to http://paletton.com/ ?
    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.