yym110 发表于 2023-12-8 15:09:22

20 个超赞的 CSS3 库

20 个超赞的 CSS3 库


Web开发人员过去常常需要花费大量时间来创建漂亮的CSS。幸运的是,自从有了五花八门的CSS库,我们可以以一种更好、更快、更有效的方式来构建响应式网站和web应用程序。
你还在苦苦寻觅最好的CSS库吗?你想知道应该尝试哪个库吗?请看本文中列出的20个最佳的CSS库。
在这里,我们汇总了20个最好的CSS库,希望你会喜欢,当然最重要的是,能找到最适合你需求的CSS库。
让我们开始吧!
1. Animate.css



http://pic1.zhimg.com/v2-5299484bc80831d5183e0c921ad828d0_r.jpg


[*]Animate.css是一款开箱即用型的跨浏览器动画库,用于web项目。
[*]非常适合与效果增强、主页、滑块和操作引导提示。
项目地址:https://animate.style/2. Picnic.css



http://pic4.zhimg.com/v2-ae83b16724ad559b20c48b14bb8bee4f_r.jpg


[*]Picnic CSS是一个轻量级且美观的CSS库。
[*]Picnic是完全模块化的,因此你可以轻松修改并测试每个部分。
项目地址:https://picnicss.com/3. Magic Animation



http://pic2.zhimg.com/v2-c3ae42eb6b1f9e8f7acf0df45d8d3a85_r.jpg


[*]Magic CSS是一组简单的动画,可包含在web或app项目中。
[*]提供具有特殊效果的CSS3动画。
项目地址:https://www.minimamente.com/project/magic/4. Cirrus.css



http://pic2.zhimg.com/v2-714146962854b9113aa895ed8b6fa5c9_r.jpg


[*]Cirrus.CSS是一个以组件和实用程序为中心的SCSS框架,针对的是快速原型设计。
[*]一个完全响应式和全面的SCSS框架,具有漂亮的控件和简单的结构。
项目地址:https://cirrus-ui.netlify.app/5. Halfmoon.css



http://pic2.zhimg.com/v2-91b4ce543720ac6007747f28a557a9d9_r.jpg


[*]Halfmoon是一个响应式前端框架,具有许多有用和有趣的特性,可帮助构建网站。
[*]带有内置的黑暗模式,这是Halfmoon最重要和最典型的功能之一。
项目地址:https://www.gethalfmoon.com/docs/introduction/6. The CSS Cascade



http://pic2.zhimg.com/v2-170ffb3c5e16785f2578742729bae79d_r.jpg


[*]CSS Cascade是CSS最强大的部分之一。
[*]CSS Cascade是浏览器解决CSS声明竞争的方法。
[*]我们使用CSS来设计网站,而CSS就是Cascading Style Sheets。
项目地址:https://wattenberger.com/blog/css-cascade7. CUBE CSS



http://pic3.zhimg.com/v2-448d677dab605698e1c15c8e2dfeaaea_r.jpg


[*]一种面向简单性和一致性的CSS方法,奉行实用主义。
[*]方法的着重点是通过添加控件和结构来利用CSS和整个web平台的强大功能。
项目地址:https://piccalil.li/blog/cube-css/8. 98.CSS



http://pic4.zhimg.com/v2-abef1e683a80f8d7b72ee08d3718e1bf_r.jpg


[*]98.css是一个CSS库,用于构建看上去像Windows 98的界面。
[*]怀念过去的计算时代?使用此设计系统即可重建那些经典的UI。
项目地址:https://jdan.github.io/98.css/9. Fluiditype



http://pic4.zhimg.com/v2-08c071151ac757b0c420e66a752e9abf_r.jpg


[*]Fluiditype CSS库通过专注于纯流式文档(系统自己来决定页面元素呈现的大小)来避免响应式web。
[*]推荐用于博客、个人作品和文档。
项目地址:https://www.fluiditype.com/10. NES.css



http://pic4.zhimg.com/v2-1f815eefe1dccfd4012bcfe1046134ef_r.jpg


[*]NES.css是NES风格(像8bit一样)的CSS框架。
[*]NES.css只提供组件。你需要定义你自己的布局。
项目地址:https://nostalgic-css.github.io/NES.css/11. Primer CSS



http://pic1.zhimg.com/v2-a3c1718c3b9e18947d93a8de8d9528e8_r.jpg


[*]Primer CSS建立在由多种样式,例如间距、排版和颜色构成的系统上。
[*]以实用程序为中心和BEM风格的组件,可为web项目提供构建块。
项目地址:https://primer.style/css/12. Semantic UI



http://pic3.zhimg.com/v2-af4a2334081e2d901ebc775612e534f6_r.jpg


[*]Semantic UI是一个前端开发框架,类似于bootstrap,它专门用于设计主题。
[*]这是一个开发框架,使用友好的HTML来帮助创建漂亮的响应式布局。
项目地址:https://semantic-ui.com/13. Milligram



http://pic1.zhimg.com/v2-84e7788e7fb8c013f3d0c0fdb9035f6c_r.jpg


[*]Milligram只需要最少的样式设置就可以快速又干净地启动开发。压缩后只有2kb!与UI框架无关。
[*]专为更好的性能和更高的生产力而设计,需要重置的属性更少,所以代码更干净。
项目地址:https://milligram.io/14. Spectre.css



http://pic1.zhimg.com/v2-98d8a00d520f31f12841cb6fe02ea9a0_r.jpg


[*]Spectre.css CSS框架是一款轻量级、响应式和现代化的CSS框架,用于更快和可扩展的开发。
[*]Spectre涵盖了Bootstrap期望的所有基本CSS,例如按钮、表单、图标等。
项目地址:https://picturepan2.github.io/spectre/15. Foundation



http://pic4.zhimg.com/v2-a235db00c4a65bcf63e116537c003777_r.jpg


[*]Foundation是最先进的响应式前端框架。
[*]Foundation是一系列响应式前端框架,可让你轻松设计美观的响应式网站、应用程序和电子邮件,在任何设备上看起来都很赞。
项目地址:https://get.foundation/16. Skeleton



http://pic4.zhimg.com/v2-efd83b46e435d658f4fa8ff2ca36a0b7_r.jpg


[*]Skeleton是一款轻量级、响应式、高度可定制的CSS库,为移动而构建。
[*]零编译零安装,可以很好地与补充的CSS样式表和前端框架配合使用。
项目地址:http://getskeleton.com/17. UIkit



http://pic1.zhimg.com/v2-ad9f77084b304befa5f9775c06fb6244_r.jpg


[*]UIkit是一款轻量级的模块化前端框架,用于开发快速而强大的web界面。
[*]UIkit为你提供了HTML、CSS和JS组件的全面集合。它可以使用主题进行扩展,并且易于自定义以创建你自己喜欢的外观。
项目地址:https://getuikit.com/18. Bulma



http://pic3.zhimg.com/v2-b74ee86c277c908fa296c771d8eeeeee_r.jpg


[*]Bulma是一个免费的开源框架,它提供了随时可用的前端组件,你可以轻松地组合这些组件来构建响应式web界面。
[*]不需要CSS知识。
项目地址:https://bulma.io/19. Bootstrap



http://pic3.zhimg.com/v2-edd14b8422eafb649d2f63fc83be7a76_r.jpg


[*]Bootstrap是一个强大的前端框架,用于创建现代网站和web应用程序。
[*]Bootstrap是开源的,免费为UI界面元素,例如按钮和表单,提供了大量HTML和CSS模板。
项目地址:https://getbootstrap.com/20. Tailwind CSS



http://pic4.zhimg.com/v2-0636cfc29d1fc217d5d2b5b4e8ac9fdb_r.jpg


[*]Tailwind CSS是一个实用优先的CSS框架,包含可以直接在标记中组合以构建设计的flex、pt-4、text-center和rotate-90等类。
[*]Tailwind提供预设计的小部件,可通过快速UI开发从头开始构建站点。
项目地址:https://tailwindcss.com/结论

我们在项目中用过许多CSS库。以上列出的是一些综合了复杂性、易用性和稳定性的最佳CSS库。每个CSS库都有其特点,适用于不同的情况。

出处:公众号:前端新世界

Ilushikctg 发表于 2023-12-8 15:44:46

Не могу создать новую тему в jinriwenda.com ??

Кто то может помочь ??
Не могу написать в топик.
Спасибо.
页: [1]
查看完整版本: 20 个超赞的 CSS3 库