13+ 有趣的 CSS 工具/库（建议收藏）

CSS PIN

CSS Spinners 和 Loaders - 模块化、可定制和单一的 HTML 元素代码。

https://webkul.github.io/csspin/

shepherd

引导您的用户浏览您的应用。

https://github.com/shipshapecode/shepherd

particles.js

用于创建粒子的轻量级 JavaScript 库。

https://github.com/VincentGarreau/particles.js

Happy Hues

Happy Hues 是一个调色板灵感网站。项目中需求中开发多主题的话可以参考一下。

https://www.happyhues.co/palettes/17

Glassmorphism

Glassmorphism 是一种设计风格，，用于实现 UI 中“磨砂玻璃”效果。

https://hype4.academy/tools/glassmorphism-generator

Utopia

Utopia 一种思考流体响应式设计思想。

https://utopia.fyi/

Specificity Visualizer

通过工具您可以通过鸟瞰图快速了解 CSS 文件中的选择器及其特性。

https://github.com/isellsoap/specificity-visualizer

Reseter.css

结合Normalize.css 和 reset.CSS的替代方案。

优点：不会删除所有浏览器样式，而是重新定义有用的样式，大小只有**~0.7kb**

https://github.com/krishdevdb/reseter.css

MoreToggles.css

一个纯 CSS 库，为您提供各种好看的切换开关

https://github.com/JNKKKK/MoreToggles.css

Charts.css

Charts.css 是一个用于数据可视化的开源 CSS 框架。

https://chartscss.org/

Optimizt

Optimizt用CLI命令去优化图像的工具。它可以压缩 PNG、JPEG、GIF 和 SVG 有损和无损，并为光栅图像创建 AVIF 和 WebP 版本。

以后需要优化图片时候，只需要在项目中运行script命令就快速生成WebP图片格式简单有便捷。

https://github.com/funbox/optimizt

Halfmoon

具有内置暗模式和使用 CSS 变量的完全可定制性的前端框架；非常适合构建仪表板和工具。

https://github.com/halfmoonui/halfmoon

Meanderer

用于响应式 CSS 运动路径的 JavaScript 微型库！

- EOF -

推荐阅读  点击标题可跳转

觉得本文对你有帮助？请分享给更多人

推荐关注「前端大全」，提升前端技能

点赞和在看就是最大的支持❤️