动效组件
共 169 个设计师推荐的动效组件网站,按质量与推荐次数排序。
react-transitive-number
一个 React 组件,为数字字符串添加类似 Groupon 倒计时的翻转过渡动画效果。
react-spark-scroll
基于 React 的滚动触发动画库,通过声明式组件实现滚动位置驱动的动画效果。
react-advanced-news-ticker
一个轻量、灵活的 React 垂直滚动新闻跑马灯组件,支持多种回调与方法控制。
MotionVariants
手工制作的 Framer Motion 变体集合,为你的下一个项目提供现成动效。
React Typewriter
一个用 TypeScript 编写、面向 React 18+ 的打字机效果组件,调用简单且可自定义。
组件库EasyUI
基于 React、Tailwind CSS 和 Framer Motion 的动画 UI 组件库,开箱即用。
Mixcn-UI
基于 React 与 TypeScript 的现代响应式 UI 组件库,内置强大动画系统,支持 Next.js。
动效组件Border Beam
为元素边框添加流动光束动效的 React 组件库,基于 Motion 实现。
React Advanced News Ticker
轻量灵活的 React 垂直新闻滚动组件,支持多行、回调与方法控制,可高度自定义。
data-driven-motion
一个基于 react-motion 的轻量 React 动画封装,简化数据列表的动画 API。
React Pulse Text
一个轻量无依赖的 React Hook,让文字按指定模式逐字出现或消失,实现打字/脉冲动效。
组件库Reoverlay
React 模态框管理库,提供多种预设动画并支持自定义动画。
React Use Smooth Scroll
一个 React 组件,为页面添加平滑滚动效果,使用简单,开箱即用。
react-planet
React 圆形菜单组件库,可创建行星轨道式环形菜单,带流畅动画。
Surface Component Studio
面向创意工作者的动效模板与组件工作室,提供可复用的动态设计资源。
代码片段 / CSS 效果CSS Loaders and Spinners
纯 CSS 加载动画与 Spinner 合集,无需图片依赖,可自由定制。
Rare UI
★ 1,547基于 shadcn/ui 的 React 动效组件库,提供独特动画与交互效果,可直接复制使用。
Nyxb UI
融合 shadcn/ui 与 MagicUI 的 React 组件库,含 150+ 免费开源组件,基于 Tailwind CSS 与 Framer Motion。
matrix-card
一个 React 组件库,用于生成《黑客帝国》数字雨风格的卡片,支持自定义文字、颜色和动画速度。
three-ui
实验性 UI 组件库,用 Three.js 与 HTML-in-Canvas 把真实材质、物理和深度融入 DOM 界面。
落地页 / 官网模板Dark Souls Holo Card
ThreeUI 出品的 Three.js 全息卡牌模板,用多层 PNG 与深度图叠加 3D 剑与卡牌挤出,呈现烛光剑龛与飘散余烬。
react-ts-typewriter
一个易用且可定制的 React 打字机效果组件,适用于任意文本。
matrix-card
一个极简的组件,用于生成《黑客帝国》风格的数字雨卡片效果。
Saurabh Bhayana Open Source
免费可复制粘贴的动效 UI 组件与玻璃拟态效果资源,由开发者 Saurabh Bhayana 提供。