Online Editor for Bootstrap— LayoutIt

    Twitter Bootstrap is becoming more and more popular, many people use it in their projects, I think even more people use it for prototyping interfaces. I'm not an exception. And this morning I came across an interesting service - LayoutIt . Essentially, LayoutIt is an online editor for creating interfaces using Bootstrap. The editor is a drag & drop interface.


    Let's take a closer look at it. I want to say right away that the project is still in beta and not all components and features of Bootstrap can be used. So, for example, Cooming soon flaunts on the JavaScript tab ... Also, you cannot put icons in buttons.
    The editor interface looks like this

    On the right we see tabs with Bootstrap components. Grid System - select one column, two or three. Base CSS - basic elements such as buttons, lists, tables, forms, and more. Components - various additional components.
    Then all you have to do is drag and drop elements and select their properties. It looks something like this.

    After you are done, you can use the top menu to watch a preview or download your code in zip or html format.
    The editor is still far from ideal, many components are missing, there is still work to do. But for a quick sketch, it fits almost perfectly.

    Website: LayoutIt

    Also popular now: