今天看了一些CSS框架,没想到越看越多,而且越来越往UI Component上面走,整理一下各自的特点,备忘,这里不包含Bootstrap和Semantic UI。
- Skeleton 13304喜欢
- 依赖normalize.css
- 很轻量,400行
- 对默认元素进行设定
- 扁平,蓝色为基调
- not a UI framework,组件很少
- Mini.css 111喜欢
- 无依赖
- 有点轻量40kb+
- 基于class
- 扁平,灰色
- 基本组件都有
- 组件化,可定制化
- bulma 11360喜欢
- 无依赖
- 120+kb大小
- 扁平,局部有阴影,绿色为基调
- 自称modern,flexbox布局
- 高度组件化
- milligram 4804喜欢
- 依赖normalize.css
- 10k
- 娘炮紫色
- 基本组件
- materialize 23830喜欢
- 还算主流
- 需要js配套文件,jquery和他自己的materialize.js
- css大小为100+kb
- materia 风格
- Wing 1041喜欢
- Minimal CSS Framework,小
- 扁平,dark主题
- 只有基本组件
-
UIkit 8121喜欢
不喜欢这个颜色和设计风格 -
https://www.muicss.com/
MUI是一个轻量级的CSS框架,遵循Google的Material Design设计方针
小结
非主流也分二类:
大而全
有点类似做 Bootstrap 样子大而全的:Semantic UI、UIkit,感觉 bulma 也在往这个上靠。
不过我还是会选 bootstrap。
小而美
有些甚至只提供基本样式,如:Skeleton、Wing、milligram、Mini.css。
其中 Mini.css 组件最完整,Wing 不够完整但无依赖。
CSS 框架真难选,不过回过来看,如果没有设计,又需要丰富的组件,那还不如就用喜欢在 10w+ 的 Bootstrap 省心,如果项目小,尽量选不用学习曲线的不用 class 的小而美的,Wing就很不错。