20 个超赞的 CSS3 库
Web开发人员过去常常需要花费大量时间来创建漂亮的CSS。幸运的是,自从有了五花八门的CSS库,我们可以以一种更好、更快、更有效的方式来构建响应式网站和web应用程序。
你还在苦苦寻觅最好的CSS库吗?你想知道应该尝试哪个库吗?请看本文中列出的20个最佳的CSS库。
在这里,我们汇总了20个最好的CSS库,希望你会喜欢,当然最重要的是,能找到最适合你需求的CSS库。
让我们开始吧!
1. 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库都有其特点,适用于不同的情况。
出处:公众号:前端新世界 |