目录
  1. 1. Spectre(响应式)
  2. 2. Milligram(响应式)
  3. 3. Cutestrap
  4. 4. Mobi
  5. 5. Sakura
  6. 6. Mini
  7. 7. Pavilion
  8. 8. Core CSS
  9. 9. Siimple(响应式)
  10. 10. Scooter
  11. 11. Workless
  12. 12. Responsive
  13. 13. Kouto swiss
  14. 14. Concise
  15. 15. Base
  16. 16. Caramel
  17. 17. Pure(响应式)
  18. 18. Skeleton(响应式)
  19. 19. UIKit(响应式)
  20. 20. Semantic UI(响应式)
  21. 21. Bootstrap(响应式)
  22. 22. Foundation(响应式)
推荐一些css框架

Spectre(响应式)

这是一个轻量级、响应式的现代 CSS 框架,用于快速建站和扩展程序的开发。它通过最佳编码实践和一致性的设计语言,为排版与元素、基于 Flexbox 的响应布局系统、CSS 组件提供了基本样式。

官方网址:https://picturepan2.github.io/spectre/

项目地址:https://github.com/picturepan2/spectre

Milligram(响应式)

Milligram 提供了极简样式设置,便于快速、简洁的开启建站之旅。虽然它不是一个 UI 框架,但它的设计理念却是以提供优秀的性能、高效的开发效率以及最少的属性重置而构建的。模块几乎与 Skeleton 一致。当然,毫无疑问的是它也采用了基于 Flexbox 的网格系统。同时,它也是轻量的,体量可以与 Skeleton 和 Pure 相比,在 Gzip 压缩后,它只有 2KB 大小。

官方网址:http://milligram.io/index.html

项目地址:https://github.com/milligram/milligram

Cutestrap

如果在寻找功能丰富的组件,那么 Bootstrap、Foundation 这类框架将会是你的最佳选择。但是,如果你想选择的框架大小是在 normalize.css 与一个完整框架范围之间, Cutestrap 或许是个不错的选择。它在压缩后仅有 8K 大小,可作为 Bootstrap 的轻量级替代方案。

官方网址:https://www.cutestrap.com/

项目地址:https://github.com/tylerchilds/cutestrap

Mobi

Mobi.css 是一个轻量级、可扩展、移动优先的 CSS 框架。它专注于细节,对于内容丰富的网页能够提供优质的用户体验。虽然,它专注移动端,但桌面客户端的体验也是很棒的。

官方网址:http://getmobicss.com/

项目地址:https://github.com/mobi-css/mobi.css

Sakura

一个易于定制的极简 CSS 框架/主题。

官方网址:https://oxal.org/projects/sakura/

项目地址:https://github.com/oxalorg/sakura

Mini

Mini 作为一个 Gzip 压缩后不到 7KB 大小的极简框架,它具备响应式、易用性和定制性等特性,旨在为你提供尽可能多的功能。由于它是轻量框架,不仅让你创建的网站和应用程序具备更快的加载速度,而且它所提供的组件可以满足基本的开发要求。

官方网址:http://minicss.org/

项目地址:https://github.com/Chalarangelo/mini.css

Pavilion

Pavilion 是一个简易的 CSS 框架,适合那些不喜欢使用其他框架中附带预定义 UI 组件的开发人员。如果你正在寻找一个简单、轻量、可订制的,并且不会出现代码膨胀的 CSS 框架,Pavilion 将是个不错的选择。

官方网址:http://www.pavilion.io/

项目地址:https://github.com/getpavilion/pavilion

Core CSS

这是一个构建轻量级响应式网站的前端框架,它没有内置预设元素和动画,只提供了一个超简单的网格体系 – 即它的列是浮动的,行是 self-clearing,而分界点则是按逻辑均匀的分布。你可以按照想要的工作方式,进行定制与使用。

官方网址:http://corecss.io/

项目地址:https://github.com/alecrios/core-css

Siimple(响应式)

Siimple 是一个助你打造扁平化网站风格的轻量、响应式的开源框架。它内置了 SASS / SCSS,为你的网页设计提供了简洁的开始。

一个 6KB 左右的框架,遵从扁平化,简约的设计风格。如果你想尝试类似于 MEB 风格的网页设计,这个框架应该可以较好的配合整体设计风格。

官方网址:https://www.siimple.xyz/

项目地址:https://github.com/siimple/siimple

Scooter

专注为 Dropbox 提供基础样式、CSS 组件以及快速静态原型的 SCSS 框架。

官方网址:http://dropbox.github.io/scooter/

项目地址:https://github.com/dropbox/scooter

Workless

打造更快 Web 应用程序的开源 HTML, CSS 与 JS 框架。

官方网址:http://workless.ikreativ.com/

项目地址:

Responsive

一个功能强大、对开发人员友好的,用于构建响应式网站的轻量级前端框架。

官方网址:http://responsivebp.com/

项目地址:https://github.com/responsivebp/responsive/

Kouto swiss

专注于 Stylus 的完整 CSS 框架。它的灵感源自流行的预处理工具库,例如 nib、compass、bourbon.

官方网址:http://kouto-swiss.io/

项目地址:https://github.com/leny/kouto-swiss

Concise

Concise 为你的网站设计提供了坚实的基础。它提供了一套仅包含基础样式的简洁框架,并包含了大量开箱即用的功能。同时,你也可以通过使用内核的附加组件进行功能性扩展。

官方网址:http://concisecss.com/

项目地址:https://github.com/concisecss

Base

一个稳固的响应式 HTML 与 CSS 框架。

官方网址:http://getbase.org/

项目地址:https://github.com/getbase/base

Caramel

Caramel 是一个简单、现代的完全响应式 Web 框架。仅需要编写一次代码,即可获得在多平台上相同的效果。

官方网址:http://kurisubrooks.com/caramel/

项目地址:https://github.com/caramelcss/caramel

Pure(响应式)

Pure 非常轻量级,经过压缩后不过 3.8KB。这是一个特别为移动端考虑的框架,为了压缩大小,每一行代码都经过仔细考量。当然如果不使用框架给出的全部模块,体量还可以更小。

官方网址:https://purecss.io/

项目地址:https://github.com/pure-css/pure/

Skeleton(响应式)

Skeleton 如其名字,非常小巧,设计简约,麻雀虽小五脏俱全。网格系统,文本,表单,按钮,列表,表格,媒体查询等功能面面俱到。非常适合快速创建简约网站的需求。

官方网址:http://getskeleton.com/

项目地址:https://github.com/dhg/Skeleton/

UIKit(响应式)

UIKit 是功能全面的前端框架里较为轻量级的一个,它集成了 Sass 和 LESS 预处理器。其组件完善,命名独特,当然也可以用户定制。

官方网址:https://getuikit.com/

项目地址:https://github.com/uikit/uikit

Semantic UI(响应式)

如其名字所述,Semantic UI 非常语义化,易于使用,同时也能很好的与其他样式甚至框架集成。其模块也相当丰富,包括但不限于弹窗,下拉菜单,网格系统等等。顺带一提,这个框架文档的中文翻译做的还算不错。

官方网址:https://semantic-ui.com/

中文网站:http://www.semantic-ui.cn/

项目地址:https://github.com/semantic-org/semantic-ui/

Bootstrap(响应式)

Bootstrap 至今仍是流行度非常高的框架,如今已经正式发布了第四版。Flexbox,Sass,rem,这些流行趋势 Bootstrap 都一个不落跟进到位。当然,相比于其他框架,Bootstrap 的资源(文章和教程、第三方插件和扩展、主题构建器等)一直十分丰富。

官方网址:https://getbootstrap.com/

项目地址:https://github.com/twbs/bootstrap

Foundation(响应式)

Foundation 适用于网站和邮箱建设,是许多大型网站的选择,包括 Adobe,Amazon,Ebay,三星,剑桥大学等。易于上手对新手友好是它的一大特色。语义化,移动端优先,用户可定制模块使用三个特点使其广受欢迎。

官方网址:https://foundation.zurb.com/

项目地址:https://github.com/zurb/foundation-sites

文章作者: Izzio
文章链接: https://izzio.netlify.com/blog/web/css/12649.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Seventy
ENG