Transitions.dev

Transitions.dev

transitions.dev

提供 43+ 精心制作的 UI 转场动效，可复制粘贴或通过 AI 代理集成到项目中。

免费+付费网页

被推荐 4 次

访问网站 ↗

适合做什么

适合前端开发者和设计师快速为网站或应用添加高质量的转场动效，提升交互体验。

标签与属性

授权

平台

谁在推荐

@ImranUxi · X 推荐出处 ↗

micro interactions are what separate a site people remember from one they close. these are where I get mine: 👇 https://t.co/Lqo2Cg9oGd - the animation library itself https://t.co/XAlKv8HrS2 - copy-paste UI transitions https://t.co/hn4o3cfcL7 - animated components, ready to go https://t.co/jDgKQKkE

同类推荐

动画库

Motion

面向 React、JavaScript 和 Vue 的现代动画库，支持手势、弹簧、布局过渡与滚动联动，性能出色。

开源ReactVue

github.com1 处推荐详情

动画库

react-spring

基于弹簧物理的 React 动画库，支持声明式与命令式动画，跨平台可用。

开源React

github.com1 处推荐详情

动效组件

Magic UI

面向设计工程师的动画 UI 组件库，150+ 免费开源组件，基于 React、Tailwind CSS 与 Motion 构建。

开源ReactTailwind落地页

magicui.design9 处推荐详情

动效组件

React Bits

开源 React 动效组件库，含 210+ 可高度自定义的动画组件、背景与微交互，即插即用。

免费+付费ReactTailwind落地页作品集

reactbits.dev1 处推荐详情

动效组件

Aceternity UI

基于 React 和 Tailwind CSS 的组件库，提供 200+ 可复制粘贴的动效组件与落地页模板。

ReactTailwind落地页

ui.aceternity.com11 处推荐详情

代码片段 / CSS 效果

Hover.css

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

开源HTML/CSS落地页

ianlunn.github.io1 处推荐详情