最受程序员欢迎的20 个CSS框架

更新日期: 2020-01-29阅读: 3.8k标签: 框架

本文为大家搜罗了 20 款截至目前最受程序员欢迎的前端css框架,其中有的霸榜已久,也有不少后起之秀,有的是单纯的 CSS 框架,也有的结合了 JavaScript 以提供更丰富的功能。一起来看看有没有你的菜,以下按照 GitHub Star 数量进行排序。


1. Bootstrap

Bootstrap 无疑是目前使用最广泛的 CSS 框架,GitHub 上近 14 万的 Star 数就足以说明问题。优点有很多,比如响应式设计,海量资源且简单易学。不过也有人吐槽 Bootstrap 稍显臃肿,而且在使用人数太多且不定制化的情况下,容易导致很多网站外观千篇一律。

官网:https://getbootstrap.com/

GitHub:https://github.com/twbs/


2. Animate.css

提供了极其丰富的动画效果,就像它的名字一样,可以为你的网站增添不少活力。

官网:https://daneden.github.io/

GitHub:https://github.com/daneden/


3. Semantic UI

用户友好程度非常高的响应式前端框架,拥有丰富的插件和主题,可以利用它快速搭建美观的前端页面,不过目前这个框架的维护不是很活跃。

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

GitHub:https://github.com/


4. Bulma

相比Bootstrap,Bulma 绝对算是后起之秀了,而且其上升势头相当迅猛,这是一个基于 Flexbox 布局模型的纯粹的 CSS 开源框架,Bulma的主要特征有100%响应式设计、模块化、现代化,对其他老牌框架审美疲劳的小伙伴可以试试。

官网:https://bulma.io/

GitHub:https://github.com/jgthms/bulma


5. Materialize

谷歌开源的前端框架,基于谷歌的 Material Design 风格,很适合网站和安卓平台。

官网:https://materializecss.com/

GitHub:https://github.com/Dogfalo/


6. Foundation

相比其他前端框架,Foundation 除了拥有丰富的 web 应用框架之外,还有专业的电子邮件框架,而且具备超强的可读性、灵活性和可定制化的特点,使得它成为惠普、亚马逊等诸多大企业的选择,不过学习难度略高。

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

GitHub:https://github.com/foundation...


7. Pure.css

雅虎开源的轻量级纯 CSS 框架,基于 Normalize.css 构建,对各种浏览器的兼容性很好,开发人员可以使用其栅格设计和菜单创建高度响应式的页面布局。

官网:https://purecss.io/

GitHub:https://github.com/pure-css/p...


8. Tailwind

相比其他的 CSS 框架,Tailwind 在可定制这一点上可以说是完胜,这对于喜欢自己动手的小伙伴来说极具吸引力。
官网:https://tailwindcss.com/

GitHub:https://github.com/tailwindcs...


9. Skeleton

响应迅速的轻量级 CSS 框架,适合用于小项目。

官网:http://getskeleton.com/

GitHub:https://github.com/dhg/Skeleton


10. UIkit

轻量级且功能丰富,响应式设计,其统一的 UI 样式和灵活的自定义选项可以帮助开发人员快速搭建美观、简洁且模块化的网站页面。

官网:https://getuikit.com/

GitHub:https://github.com/uikit/uikit


11. NES.css

与众不同的像素风格有没有吸引到你?

官网:https://nostalgic-css.github....

GitHub:https://github.com/nostalgic-...


12. Spectre

正如其官网介绍的那样,Spectre.css 是一个轻量级、响应式和现代化的 CSS 框架,同样是基于 Flexbox 布局创建。

官网:https://picturepan2.github.io...

GitHub:https://github.com/picturepan...


13. Miligram

号称最轻量级的 CSS 框架,但是麻雀虽小,五脏俱全,拥有完整的 web 开发工具

官网:https://milligram.io/

GitHub:https://github.com/milligram/...


14. Susy

基于 Sass 的轻量级栅格布局框架,可以帮助开发人员简化响应式栅格布局的开发流程。

官网:https://www.oddbird.net/susy/

GitHub:https://github.com/oddbird/susy


15. Picnic

Picnic 也是一个轻量级 CSS 框架,该框架最大的特点就是具有多个交互式组件,包括栅格、表单、选项卡、工具提示等等,可以帮助开发人员快速创建响应式网站和web应用程序。

官网:https://picnicss.com/

GitHub:https://github.com/franciscop...


16. mini

从名字就可以看出,mini.css 也是极其轻量级的 CSS 框架,压缩后不足 10 kB,拥有时下流行的响应式网格和现代化组件,可以再各种设备上获得良好的效果。

官网:https://minicss.org/

GitHub:https://github.com/Chalarange...


17. Paper Css

Paper CSS 是一个使用 LESS 构建的 CSS 框架,可以搭建出别具一格手写风格的页面。
官网:https://www.getpapercss.com/

GitHub:https://github.com/papercss/p...


18. Base

又是一个轻量级单功能强大的响应式 CSS 框架,可以为网站提供坚实的基础。
官网:https://getbase.org/

GitHub:https://github.com/getbase/base


19. Simple Grid

见名知意,Simple Grid是一个轻量级 CSS 网格框架,具备12列栅格设计样式,可以帮助你快速构建响应式网站。

官网:http://simplegrid.io/

GitHub:https://github.com/zachacole/...


20. Tent Css

不依赖任何 JavaScript 的纯 CSS 框架,具备搭建网站页面的基础结构,简洁高效。

官网:https://css.sitetent.com/

GitHub:https://github.com/sitetent/t...


好了,以上就是本文的全部内容了,希望对你有所帮助。


链接: https://www.fly63.com/article/detial/7415

Angular、Vue、React 和前端的未来

越来越多的人开始站队 Angular、Vue、React,仅仅围绕这些库或者框架进行前端技术讨论,这实在不是什么好的现象。其实我想基于我个人的经验聊下前端的演进和未来,希望可以贡献微薄的力量,消除一些我个人认为的前端社区不太好的风气。

JavaScript 框架的探索与变迁

近几年可谓是 JavaScript 的大爆炸纪元,各种框架类库层出不穷,它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM,到 BackboneJS、Dojo 提供监听器的形式,在到 Ember.js、AngularJS 数据绑定的理念,再到现在的 React、Vue 虚拟 DOM 的思想。

新框架(新工具,语言)从入门到精通的正确姿势

新框架(新工具,语言),一、了解概念,把握思路,二、迅速实战,见招拆招,三、深入文档,求人不如求己,四、掌握原理,有恃无恐,五、源码分析,自立门户。如果你已经熟悉一门计算机语言,当再学习其他语言的时候,会发现他们几乎是大同小异,对比着学习,会令你事半功倍。

现代 js 框架存在的根本原因

我曾见过很多很多人盲目地使用(前端)框架,如 React,Angular 或 Vue等等。这些框架提供了许多有意思的东西:它们支持组件化;它们有强大的社区支持;它们有很多(基于框架的)第三方库来解决问题;它们有很多(很好的)第三方组件;它们有浏览器扩展工具来帮助调试;它们适合做单页应用。

Uber开源Fusion.js:一个基于插件架构的通用Web框架

Web 技术变化得很快,而最佳技术实践也在不断发展。Uber 的 Web 平台团队开发了 Fusion.js,一个开源的 Web 框架,用于简化 Web 开发,并构建出高性能的轻量级 Web 应用程序。

web前端框架选择_前端框架是解药还是毒药?

要使用现代的前端框架,你需要下载开发环境和依赖,编译代码,然后在浏览器上运行。这个是好是坏?究竟是什么导致了这种不必要的复杂性?是因为我们构建的网站太复杂,还是因为框架本身就很复杂?

前端框架选型

有一个流传较广的笑话,一个人在stackoverflow中提了一个问题,如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件,jQuery插件可以做任何事情。 历史总是在重演,以前是jQuery,现在可能是react或vue。不同的框架有不同的应用场景,杀鸡不要用牛刀

基于wsgiref模块DIY一个web框架

Web框架(Web framework)是一种开发框架,用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式,也为web行为提供了一套通用的方法

Ionic 框架宣布 2019 年将正式支持 Vue 和 React

Ionic 是一个高级的 HTML5 移动端应用框架,也是一个开发混合移动应用的前端框架,旨在让 Web 开发者更轻松地构建、测试、部署和监控跨平台应用。Ionic 基于 Angular 语法,之前一直不支持 Vue 和 React 。

Nancy_轻量级的Web框架

最近想找一个简单的.Net下的轻量级Web框架,作为用户的本地的一个WebServer,实现同浏览器程序的一些简单交互,并调用本地服务,实现类似浏览器插件的功能。它有如下几点要求:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!