13+ 有趣的 CSS 工具/库（建议收藏）
The following article is from 前端有道 Author 星野
CSS PIN
CSS Spinners 和 Loaders - 模块化、可定制和单一的 HTML 元素代码。https://webkul.github.io/csspin/
shepherd
https://github.com/shipshapecode/shepherd
particles.js
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 -
觉得本文对你有帮助？请分享给更多人
推荐关注「前端大全」，提升前端技能
点赞和在看就是最大的支持❤️