扁平化前端框架Flat UI介绍

Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架，他提供了动感、时尚的风格色调搭配，简洁、炫丽的功能组件，同时还提供了更为平滑的js交互动画，可以称得上前端扁平化设计框架的优秀代表之一，下面就请随小编一睹其风采。

工具/原料

浏览器

1. Flat UI 官网

1、官网“flat-ui.com”

2. 风格样式

1、Flat UI主色调10种，按深浅色差分共20种，足够开发者快速构建时尚、炫丽的网站风格。

3. 元素

1、Button： Flat UI提供了8中颜色的按钮（Button）

2、Menu： Flat UI 提供了一种平滑过渡效果的一级菜单和一种下拉列表菜单

3、Input： 4种应用场景各异的带提示信息的输入框

4、进度条和滑块

5、导航（Navigation）

6、单选框、复选框、开关、标签集

7、社会化分享、提示信息、版体

8、图标或图片

4. 示例

1、登录效果

2、功能模块

5. 下载

1、页面的最下端右侧有个“Download”按钮，点击即可下载Flat UI资源包