代码片段 / CSS 效果

Start Bootstrap

免费开源的 Bootstrap 5 主题、模板与代码片段库，附带教程指南。

Hover.css

一套纯 CSS3 悬停动效库，为按钮、链接、图标等元素提供上百种悬停效果，支持 CSS、Sass 和 LESS。

SpinKit

纯 CSS 实现的加载动画集合，提供多种简洁的 spinner 效果，无需 JavaScript。

CSS Gradient

免费的 CSS 渐变生成器，可视化调色并复制代码，还提供渐变配色、示例与教程。

WebGradients

180 款免费 CSS 渐变背景，一键复制代码，支持 Sketch/PS/Figma 资源包。

Hamburgers

一套纯 CSS 动画汉堡菜单图标库，提供 30 多种动画样式，支持 Sass 定制。

flag-icons

一套免费的国家旗帜 SVG 图标库，支持 CSS 类名调用，提供 4:3 和 1:1 两种比例。

devices.css

纯 CSS 实现的手机与平板设备外壳，可嵌入网页展示移动端界面。

FreeFrontend

精选前端代码片段合集，涵盖 HTML、CSS、JavaScript 和 SVG 等实用示例，即拿即用。

A (more) Modern CSS Reset

一份现代 CSS Reset 代码片段，统一浏览器默认样式，为项目提供一致的基础样式。

css-doodle

用 CSS 语法绘制生成艺术与图案的 Web Component，支持 GPU 渲染与命令行导出图片。

Glassmorphism CSS Generator

在线生成玻璃拟态（毛玻璃）CSS 代码的工具，由该风格命名者打造。

Uiverse Galaxy

Uiverse.io 开源 UI 元素合集，超 3000 个社区贡献的 CSS/Tailwind 组件，免费可商用。

Loading UI

免费开源的 CSS 与 React 加载动画、Spinner 组件库，帮助打造精致且无障碍的加载状态。

Moving Letters

用 JavaScript 和 anime.js 实现的文字动画效果合集，提供多种可复用的文字动效代码。

10000+ Themes for shadcn/ui

为 shadcn/ui 提供超过一万套主题配色，可一键复制到项目或自定义生成。

UI SFX

开源界面音效库，78 个语义化 UI 音效，12 种风格，共 936 个音效，MIT/CC0 授权。

Animista

在线 CSS 动画库，可预览、调节参数并下载所需动画代码。

MicroKit UI

面向开发者的微交互组件库，提供可复制粘贴的动效按钮、悬停、标签与输入框代码。

CSS Text Effects

90 个纯 CSS 文字动效库，渐变、故障、打字机等，点击即可复制 CSS 或提示词，MIT 许可。

html2canvas

纯前端 JavaScript 库，读取 DOM 与样式把网页或局部渲染成 canvas 截图。

Pines UI

基于 Alpine.js 和 Tailwind 的复制粘贴式 UI 组件库，含 42 个交互元素，无需构建步骤。

Circle Loaders

24 个单色圆形加载动画，纯 CSS 与 SVG 实现，无依赖，支持减少动效偏好。

Transitions.dev

收录 43+ 精心制作的 UI 过渡动效，可复制粘贴或通过 AI 代理直接应用到代码库。