代码片段 / CSS 效果
共 72 个设计师推荐的代码片段 / CSS 效果网站，按质量与推荐次数排序。
落地页 / 官网模板Start Bootstrap
免费开源的 Bootstrap 5 主题、模板与代码片段库，附带教程指南。
代码片段 / CSS 效果Hover.css
一套纯 CSS3 悬停动效库，为按钮、链接、图标等元素提供上百种悬停效果，支持 CSS、Sass 和 LESS。
代码片段 / CSS 效果SpinKit
纯 CSS 实现的加载动画集合，提供多种简洁的 spinner 效果，无需 JavaScript。
配色工具CSS Gradient
免费的 CSS 渐变生成器，可视化调色并复制代码，还提供渐变配色、示例与教程。
代码片段 / CSS 效果WebGradients
180 款免费 CSS 渐变背景，一键复制代码，支持 Sketch/PS/Figma 资源包。
配色工具Shadow Palette Generator
Josh Comeau 出品的 CSS 阴影调色板生成器，可一键生成多层、逼真、带色相的 CSS 阴影变量。
CodeMyUI
手工精选的网页设计与 UI 灵感合集，附带可直接复制粘贴的 HTML/CSS 代码片段和 GIF 预览。
动效组件Hamburgers
一套纯 CSS 动画汉堡菜单图标库，提供 30 多种动画样式，支持 Sass 定制。
代码片段 / CSS 效果flag-icons
一套免费的国家旗帜 SVG 图标库，支持 CSS 类名调用，提供 4:3 和 1:1 两种比例。
devices.css
纯 CSS 实现的手机和平板设备外壳，可嵌入网页展示移动端界面。
代码片段 / CSS 效果FreeFrontend
免费前端代码片段合集，涵盖 HTML、CSS、JavaScript 的实用组件与动效，即拿即用。
A (more) Modern CSS Reset
一份现代 CSS Reset 代码片段，统一浏览器默认样式，为项目提供一致的基础样式。
代码片段 / CSS 效果css-doodle
用 CSS 语法绘制生成艺术与图案的 Web Component，支持 GPU 渲染与命令行导出图片。
图标 / SVG 工具Fancy Border Radius Generator
可视化生成有机形状的 CSS border-radius 工具，支持八点全控制。
Uiverse Galaxy
Uiverse.io 开源 UI 元素合集，超 3000 个社区贡献的 CSS/Tailwind 组件，免费可商用。
动效组件Loading UI
免费开源的 CSS 与 React 加载动画、Spinner 组件库，帮助打造精致且无障碍的加载状态。
动效组件Moving Letters
用 JavaScript 和 anime.js 实现的文字动画效果合集，提供多种可复用的文字动效代码。
代码片段 / CSS 效果10000+ Themes for shadcn/ui
为 shadcn/ui 提供超过一万套主题配色，可一键复制到项目或自定义生成。
代码片段 / CSS 效果UI SFX
开源界面音效库，78 个语义化 UI 音效，12 种风格，共 936 个音效，MIT/CC0 授权。
代码片段 / CSS 效果Animista
在线 CSS 动画库，可预览、调节参数并下载所需动画代码。
MicroKit UI
面向开发者的微交互组件库，提供可复制粘贴的动效按钮、悬停、标签与输入框代码。
代码片段 / CSS 效果CSS Text Effects
90 个纯 CSS 文字动效库，渐变、故障、打字机等，点击即可复制 CSS 或提示词，MIT 许可。
html2canvas
纯前端 JavaScript 库，读取 DOM 与样式把网页或局部渲染成 canvas 截图。
Pines UI
基于 Alpine.js 和 Tailwind 的复制粘贴式 UI 组件库，含 42 个交互元素，无需构建步骤。