在线画ui生成html5,一些比较实用的网页ui框架以及可视化编辑器

以前在制作pc网页或移动端页面时，往往要自己要写大量的html代码，加上一些css样式，调来调去来布局整个页面，比较繁琐。

于是之后模块化的前端UI框架应运而生，它们的出现极大的减少了前端界面开发的时间，降低了网页设计制作的门槛。

如比较出名的：Twitter的Bootstrap

Bootstrap在现在各种流行的ui框架中可谓是首屈一指，它来自于Twitter.

Semantic UI

Semantic UI时一款语义化的ui前端框架,语义化的方式时的代码更加的可读与理解

Yahoo的Yahoo Pure

它的特点时以纯css代码编写，无需任何JavaScript代码

UIkit

UIkit基于LESS开发，体积小易于维护,模块化,便于维护.

Mint UI

Mint UI是饿了么推出的一款 移动端的ui组件库.

layui

layui是一款门槛比较低的前端框架，风格极简，内容丰富，非常适合快速开发页面

使用这些ui框架进行布局，虽然已经足够便捷了，但还是无法实时预览，dreamweaver可以实现页面布局可视化，但要安装以及下载，也需要一定的基础，于是更为方便的各种在线可视化ui设计器出现了。

以下分享了一些比较方便的Bootstrap可视化设计器即UI编辑器，它们的作用可以让网页布局更加的便捷简单，允许开发者们自由diy的快速设计框架界面。

1、layoutit

Bootstrap ui可视化编辑器，能够通过鼠标简单的拖拽实现快速布局网站页面。

2、BootSwatchr