Motion Examples

examples.motion.dev

Motion 官方动效示例库，含 516 个可直接复用的 React/JS/Vue 动画代码片段。

免费+付费ReactSvelteVue网页

被推荐 1 次

适合做什么

适合前端开发者与设计师查找、复制动效代码，快速为网站添加交互动画。

授权

技术栈

平台

代码片段 / CSS 效果

社区共建的开源 UI 元素库，支持复制 HTML/CSS、Tailwind、React 和 Figma 代码。

开源HTML/CSSTailwindReact

uiverse.io9 处推荐详情

落地页 / 官网模板

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

开源HTML/CSS落地页后台

startbootstrap.com1 处推荐详情

代码片段 / CSS 效果

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

开源HTML/CSS落地页

ianlunn.github.io1 处推荐详情

代码片段 / CSS 效果

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

开源HTML/CSS极简

tobiasahlin.com2 处推荐详情

代码片段 / CSS 效果

★ 11,700

面向 AI 编程工具的设计技能合集，每个技能为独立文件夹，按需安装即可让 AI 按规范做设计。

开源落地页

github.com1 处推荐详情

配色工具

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

免费HTML/CSS渐变

cssgradient.io2 处推荐详情