2017年非主流前端框架/库特点整理

今天看了一些CSS框架,没想到越看越多,而且越来越往UI Component上面走,整理一下各自的特点,备忘,这里不包含BootstrapSemantic UI

  1. Skeleton 13304喜欢
  • 依赖normalize.css
  • 很轻量,400行
  • 对默认元素进行设定
  • 扁平,蓝色为基调
  • not a UI framework,组件很少
  1. Mini.css 111喜欢
  • 无依赖
  • 有点轻量40kb+
  • 基于class
  • 扁平,灰色
  • 基本组件都有
  • 组件化,可定制化
  1. bulma 11360喜欢
  • 无依赖
  • 120+kb大小
  • 扁平,局部有阴影,绿色为基调
  • 自称modern,flexbox布局
  • 高度组件化
  1. milligram 4804喜欢
  • 依赖normalize.css
  • 10k
  • 娘炮紫色
  • 基本组件
  1. materialize 23830喜欢
  • 还算主流
  • 需要js配套文件,jquery和他自己的materialize.js
  • css大小为100+kb
  • materia 风格
  1. Wing 1041喜欢
  • Minimal CSS Framework,小
  • 扁平,dark主题
  • 只有基本组件
  1. UIkit 8121喜欢
    不喜欢这个颜色和设计风格
  2. https://www.muicss.com/
    MUI是一个轻量级的CSS框架,遵循Google的Material Design设计方针

小结

非主流也分二类:

大而全

有点类似做 Bootstrap 样子大而全的:Semantic UIUIkit,感觉 bulma 也在往这个上靠。

不过我还是会选 bootstrap

小而美

有些甚至只提供基本样式,如:SkeletonWingmilligramMini.css

其中 Mini.css 组件最完整,Wing 不够完整但无依赖。

CSS 框架真难选,不过回过来看,如果没有设计,又需要丰富的组件,那还不如就用喜欢10w+Bootstrap 省心,如果项目小,尽量选不用学习曲线的不用 class 的小而美的,Wing就很不错。

你可能感兴趣的:(2017年非主流前端框架/库特点整理)