20 个超赞的 CSS3 库
20 个超赞的 CSS3 库
Web开发人员过去常常需要花费大量时间来创建漂亮的CSS。幸运的是，自从有了五花八门的CSS库，我们可以以一种更好、更快、更有效的方式来构建响应式网站和web应用程序。
你还在苦苦寻觅最好的CSS库吗？你想知道应该尝试哪个库吗？请看本文中列出的20个最佳的CSS库。
在这里，我们汇总了20个最好的CSS库，希望你会喜欢，当然最重要的是，能找到最适合你需求的CSS库。
让我们开始吧！
- Animate.css
Animate.css是一款开箱即用型的跨浏览器动画库，用于web项目。
非常适合与效果增强、主页、滑块和操作引导提示。
项目地址：https://animate.style/
2. Picnic.css
Picnic CSS是一个轻量级且美观的CSS库。
Picnic是完全模块化的，因此你可以轻松修改并测试每个部分。
项目地址：https://picnicss.com/
3. Magic Animation
Magic CSS是一组简单的动画，可包含在web或app项目中。
提供具有特殊效果的CSS3动画。
项目地址：https://www.minimamente.com/project/magic/
4. Cirrus.css
Cirrus.CSS是一个以组件和实用程序为中心的SCSS框架，针对的是快速原型设计。
一个完全响应式和全面的SCSS框架，具有漂亮的控件和简单的结构。
项目地址：https://cirrus-ui.netlify.app/
5. Halfmoon.css
Halfmoon是一个响应式前端框架，具有许多有用和有趣的特性，可帮助构建网站。
带有内置的黑暗模式，这是Halfmoon最重要和最典型的功能之一。
项目地址：https://www.gethalfmoon.com/docs/introduction/
6. The CSS Cascade
CSS Cascade是CSS最强大的部分之一。
CSS Cascade是浏览器解决CSS声明竞争的方法。
我们使用CSS来设计网站，而CSS就是Cascading Style Sheets。
项目地址：https://wattenberger.com/blog/css-cascade
7. CUBE CSS
一种面向简单性和一致性的CSS方法，奉行实用主义。
方法的着重点是通过添加控件和结构来利用CSS和整个web平台的强大功能。
项目地址：https://piccalil.li/blog/cube-css/
8. 98.CSS
98.css是一个CSS库，用于构建看上去像Windows 98的界面。
怀念过去的计算时代？使用此设计系统即可重建那些经典的UI。
项目地址：https://jdan.github.io/98.css/
9. Fluiditype
Fluiditype CSS库通过专注于纯流式文档（系统自己来决定页面元素呈现的大小）来避免响应式web。
推荐用于博客、个人作品和文档。
项目地址：https://www.fluiditype.com/
10. NES.css
NES.css是NES风格（像8bit一样）的CSS框架。
NES.css只提供组件。你需要定义你自己的布局。
项目地址：https://nostalgic-css.github.io/NES.css/
11. Primer CSS
Primer CSS建立在由多种样式，例如间距、排版和颜色构成的系统上。
以实用程序为中心和BEM风格的组件，可为web项目提供构建块。
项目地址：https://primer.style/css/
12. Semantic UI
Semantic UI是一个前端开发框架，类似于bootstrap，它专门用于设计主题。
这是一个开发框架，使用友好的HTML来帮助创建漂亮的响应式布局。
项目地址：https://semantic-ui.com/
13. Milligram
Milligram只需要最少的样式设置就可以快速又干净地启动开发。压缩后只有2kb！与UI框架无关。
专为更好的性能和更高的生产力而设计，需要重置的属性更少，所以代码更干净。
项目地址：https://milligram.io/
14. Spectre.css
Spectre.css CSS框架是一款轻量级、响应式和现代化的CSS框架，用于更快和可扩展的开发。
Spectre涵盖了Bootstrap期望的所有基本CSS，例如按钮、表单、图标等。
项目地址：https://picturepan2.github.io/spectre/
15. Foundation
Foundation是最先进的响应式前端框架。
Foundation是一系列响应式前端框架，可让你轻松设计美观的响应式网站、应用程序和电子邮件，在任何设备上看起来都很赞。
项目地址：https://get.foundation/
16. Skeleton
Skeleton是一款轻量级、响应式、高度可定制的CSS库，为移动而构建。
零编译零安装，可以很好地与补充的CSS样式表和前端框架配合使用。
项目地址：http://getskeleton.com/
17. UIkit
UIkit是一款轻量级的模块化前端框架，用于开发快速而强大的web界面。
UIkit为你提供了HTML、CSS和JS组件的全面集合。它可以使用主题进行扩展，并且易于自定义以创建你自己喜欢的外观。
项目地址：https://getuikit.com/
18. Bulma
Bulma是一个免费的开源框架，它提供了随时可用的前端组件，你可以轻松地组合这些组件来构建响应式web界面。
不需要CSS知识。
项目地址：https://bulma.io/
19. Bootstrap
Bootstrap是一个强大的前端框架，用于创建现代网站和web应用程序。
Bootstrap是开源的，免费为UI界面元素，例如按钮和表单，提供了大量HTML和CSS模板。
项目地址：https://getbootstrap.com/
20. Tailwind CSS
Tailwind CSS是一个实用优先的CSS框架，包含可以直接在标记中组合以构建设计的flex、pt-4、text-center和rotate-90等类。
Tailwind提供预设计的小部件，可通过快速UI开发从头开始构建站点。
项目地址：https://tailwindcss.com/
结论
我们在项目中用过许多CSS库。以上列出的是一些综合了复杂性、易用性和稳定性的最佳CSS库。每个CSS库都有其特点，适用于不同的情况。
出处：公众号：前端新世界
