CSS框架/引擎
私人收藏
新增私人收藏站点 👏
技术站点
dev.to
拥有百万开发者的技术社区，开发者分享交流，获取最新技术资讯，提高专业能力的好地方
reddit
reddit
product hunt
全球新产品探索
Hacker News
Hacker News
掘金
中文技术社区
segmentfault
中文技术问答社区
v2ex
是一个关于分享和探索的地方
hive.one
列出Twitter上某个技术社区里的名人、大佬，可以一键批量关注
smashingmagazine
一个关于 Web 设计和开发的在线杂志，提供有关最新趋势、技术和技巧的文章。涵盖了各种主题，包括前端开发、后端开发、设计、用户体验等。
vscode插件开发官网
vscode插件开发官网
浏览器扩展文档
官方文档
medium
类似于 简书
技术团队博客
技术周刊
高质量个人博客
开源项目站点
算法
工具 - CSS
Web安全色
SVG Backgrounds
SVG 波浪背景生成
手绘风 SVG 图形
手绘风格的 svg 素材库，可修改配色，可直接粘贴至 figma，适合做一些文章配图
CSS灵感
Chokcoco维护的网站，这里可以让你寻找到使用或者是学习 CSS 的灵感，以分类的形式，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法
CSS Tricks
总结一些常用的 CSS 样式;记录一些 CSS 的新属性和一点奇技淫巧
You-need-to-know-css
针对我们常见的网页设计问题，从不同的角度提供了多种实用而优雅的解决方案
拟态风生成器
贝塞尔曲线生成
网格布局代码生成器
另一个网格布局代码生成器
纯CSS手风琴折叠面板生成
clip-path生成
CSS渐变色
CSS毛玻璃效果生成器
CSS渐变色生成器
CSS边框生成器
uiverse
适用于任何项目的开源用户界面元素
滤镜扭转颜色工具
可以将一个颜色，利用CSS滤镜强行扭转成另一个颜色，如：一个深蓝色的logo图片，在深色模式下对比度太低难以看清，这时需要一个白色的logo，但是可能UI给不出来，或者没有UI，这时候前端就可以利用这个工具对图片颜色进行转换
平滑阴影生成器
平滑圆角生成器
小米的Logo就是这种圆角，border-radius无法实现的圆角
animista
一堆CSS动画供君选择
不规则圆形生成器
不规则圆角矩形生成器
一些纯CSS的Loading图标
顶部的`source`按钮可以查看代码
500+ 纯 CSS 制作的 loading 动画
顶部的`source`按钮可以查看代码
响应式跟字号生成器
缓动函数速查表
除了CSS代码，它还给出了函数的代码，供一些可以自定义缓动函数的动画函数
防御性CSS提示
实用的CSS和设计技巧，有助于建立面向未来且经得起考验的用户界面
工具 - JavaScript
工具 - 图片