扁平化前端框架Flat UI介绍

2025-05-20 12:10:29

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

工具/原料

浏览器

1. Flat UI 官网

1、官网“flat-ui.com”

扁平化前端框架Flat UI介绍

3. 元素

1、Button: Flat UI提供了8中颜色的按钮(Button)

扁平化前端框架Flat UI介绍

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

扁平化前端框架Flat UI介绍

5、导航(Navigation)

扁平化前端框架Flat UI介绍

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

扁平化前端框架Flat UI介绍

4. 示例

1、登录效果

扁平化前端框架Flat UI介绍

5. 下载

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

扁平化前端框架Flat UI介绍
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢