动效与交互灵感
共 20 个设计师推荐的动效与交互灵感网站,按质量与推荐次数排序。
LottieFiles
Lottie 动画平台,提供海量 JSON 动效素材、在线编辑与跨端播放库。
动效与交互灵感60fps
精选全球优秀 iOS 与 Web 应用的 UI/UX 动效与交互细节合集,按组件分类浏览。
动效组件Motion
基于物理与光标交互的高级网页区块合集,可浏览、复制提示词并直接使用。
网站灵感Vibrant Design
精选互联网上最佳网站、区块、发布视频和 UI 设计灵感,支持搜索与随机探索。
动效组件Animata
156+ 个可直接复制粘贴的 React 动效组件,基于 Tailwind CSS,MIT 开源,支持无障碍与主题。
HOVERSTAT.ES
收录另类网页设计作品的灵感画廊,聚焦前沿交互、动效与排版实验。
动效与交互灵感Design Spells
收录网页与应用中微交互、彩蛋等设计细节的灵感库,让界面更有趣。
代码片段 / CSS 效果Animista
在线 CSS 动画库,可预览、调节参数并下载所需动画代码。
Little Big Details
每日精选产品设计中的微小细节,展示优秀交互与体验巧思的灵感合集。
代码片段 / CSS 效果CSS Text Effects
90 个纯 CSS 文字动效库,渐变、故障、打字机等,点击即可复制 CSS 或提示词,MIT 许可。
文章 / 设计媒体userinterface.wiki
一本关于界面设计的活手册,涵盖 UX 法则、动效、排版与声音等设计原则。
网站灵感Recent
汇集全网优质设计灵感,涵盖网页、界面、品牌、排版、动效、3D 等分类。
动效组件Transitions.dev
收录 43+ 精心制作的 UI 过渡动效,可复制粘贴或通过 AI 代理直接应用到代码库。
动效与交互灵感Viewport UI
精选 UI 交互与动效灵感合集,按 Web、移动端等平台分类展示真实产品界面细节。
代码片段 / CSS 效果Cursor Lab
28 款可实时调节的自定义鼠标光标,支持复制为 JS、React 或 CSS 代码。
Motion by Zajno
Zajno 出品的 UI/UX 动效教学网站,用实例讲解缓动、延迟等界面动画原理。
动效组件Kinetics
基于弹簧物理的网页微交互动效库,可调参数并复制 CSS 或 React 代码。
AI 生成 UIMotionSites AI
面向 AI 建站工具的网站提示词库,提供 Hero、落地页、页脚等区块的 3D 动效提示词,复制即用。
AI 视频 / 动效Codex — GPT-6 Astra
一个电影感的 Codex 动效研究,展示 GPT-6 Astra、蓝色星云与提示词生成创意的过程。
App Motion
精选 App 动效设计灵感合集,展示移动端交互动画案例。