整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

前端开发css框架,你们知道几个?

前端开发是一个比较繁琐的工作,不仅要有别人不一样的审美观和设计观,还需要了解很多的JS插件等错综复杂的技术,一份工作在别人眼中看似简单,其实当做的,完成的时候又是另一回事了。

以下推荐几款还不错的css框架,希望能对大家工作中有所帮助。

1、Twitter开源杰作 -Bootstrap

Bootstrap基于HTML、CSS和JavaScript,是一款非常适合敏捷Web开发的CSS框架。

2、扁平化UI开发包 -Flat UI

Flat UI是一款基于Bootstrap的扁平化前端UI工具包。

3、语义化前端开发框架 -Semantic UI

SemanticUI 是一款语义化的前端开发框架。

4、Metro风格的CSS框架 -BootMetro

5、Win 8 Metro风格的CSS框架 -Metro UI CSS

6、免费的Bootstrap主题包 -Bootswatch

7、集成在jQuery UI上的Bootstrap -jQuery UI Bootstrap

8、轻量级CSS布局排版框架 –EZ-CSS

EZ-CSS是一款轻量级的CSS布局排版框架。

切版qieban(.cn)

为了丰富 Naive Admin 生态,近期我们一直在精雕细琢,日夜奋战,终于又迎来了Arco Vue Pro 正式发布上线!

Arco Design 介绍

ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统,在打磨了近 3 年之后,通过字节内部大量业务沉淀和验证,开源了 ArcoDesign 设计系统,旨在让社区听见更多的声音,为更多中小型企业及个人设计师和开发者提效,创造更多高效美观的“最佳实践”。

产品概要

Naive Admin Arco 是一个基于 Vue3.0ViteArco VueTypeScript 中后台解决方案。

特点

Naive Admin Arco 企业级中后台前端框架,使用最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目

响应式、多主题,多配置,快速集成,开箱即用

最新技术栈,使用 Vue 3、Typescript、Pinia、Vite 等前端前沿技术

强大的鉴权系统,对路由、菜单、功能点等支持 3 种鉴权模式,满足不同的业务鉴权需求

持续更新,实用性页面模板功能和交互,随意搭配组合,让构建页面变得简单化

功能

  • 一键锁屏
  • 支持内嵌页面
  • 黑暗模式一键切换
  • 支持多级路由嵌套
  • 基于Vue3、Vite、TypeScript构建
  • 路由菜单智能生成,只需创建路由文件即可
  • 页面切换动画:渐变 / 闪现 / 滚动 / 消退 / 底部消失 / 底部消退
  • 含有大量典型的业务示例,持续更新中,之后可免费升级获取

布局

  • 登录 / 注册
  • 固定顶栏(可开关)
  • 固定主体(可开关)
  • 页面重新刷新(可开关)
  • 面包屑导航(可开关)
  • 面包屑图标(可开关)
  • 页面动画(可开关)
  • 导航栏模式:左侧菜单 / 顶部菜单 / 顶部菜单混合
  • 导航栏风格:暗色侧边栏 / 白色侧边栏 / 暗色顶栏
  • 更多布局可在线体验(右上角菜单项可动态预览各种配置)

鉴权

  • 路由级别鉴权
  • 侧边栏菜单鉴权
  • 功能块鉴权
  • 功能点鉴权
  • 鉴权指令

组件

  • Qrcode二维码(自定义LOGO,大小,样式,下载二维码)
  • 富文本(增加文本,增加图片,获取html,渲染HTML内容
  • BasicModal弹窗(美化弹窗,可拖拽移动,确认按钮可定制)
  • BasicForm表单(只需配置一个FormSchema数组,即可生成一个完整表单)
  • Cropper图片裁剪(可裁剪圆形,方形,适用于头像上传,商品图片上传,前端裁剪)
  • BasicUpload图片上传(帮助文本,大小限制,内置图片预览,上传图片统一标准封装)
  • BasicTable表格(自动分页,编辑单元格/行,自适应高度,操作列深度封装,列设置,密度设置,列顺序可拖动)
  • Region地区组件(省市区选择,数据动态加载方式,只需配置好相应接口即可,此组件灵活在于,可单独选择省,或者,省,市
  • Password密码强度(内置多种校验规则,长度,复杂度,强度等级,文案全部可自定义,给系统设置一个相对安全的密码,就用他准没错)
  • BasicSelect选择器(扩展选择器组件,用于各种表单选择器,简化使用,内置缓存,可对相同的数据减少http请求,也可手动刷新数据源)

页面

  • 主控台
  • 监控台
  • 工作台
  • 用户管理
  • 个人设置
  • 系统设置
  • 修改密码
  • 菜单权限管理
  • 角色权限管理
  • 查询列表(表格组件示例)
  • 更多页面可在线查看

项目展示

更多页面、功能,组件,请直接在线预览查看

在线预览

AdminPro

在线文档

Naive Admin NaiveUi 生态最优秀的中后台框架,全面的系统配置,优质模板,常用组件,真正一站式开箱即用

作为一个在职场上身经百战的程序猿,能明显感觉到国内外(欧洲地区为例)群众的审美差异!!!举个栗子,用购物网站为例,我们看看ECshop和opencart。

ECshop

opencart

中国人喜欢大红大绿,外国人(欧洲地区为例)喜欢简洁。近年来,国内设计师也偏向于简洁。于是,给大家介绍一款国内简洁的UI框架——Layui

logo

Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。Layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

从表单上看,她很简洁,很有风格。

表单

分页

Layui能满足一般简单网页,小便做了个简单的Demo,各位猿们看看效果如何?(红色边框是为了调试特意添加的,方便看清标签作用范围。)

demo

整体来看,小编认为Layui框架还不错,就是组件太少了,你们认为呢?

关注我