Hunt Now

动效组件

共 169 个设计师推荐的动效组件网站,按质量与推荐次数排序。

全部 组件与代码组件库 864区块 / Sections 30动效组件 100图表组件 39设计系统 190代码片段 / CSS 效果 38样式框架与工具 80动画库 623D / WebGL 库 10
动效组件

react-transitive-number

一个 React 组件,为数字字符串添加类似 Groupon 倒计时的翻转过渡动画效果。

开源React
github.com1 处推荐
动画库

react-spark-scroll

基于 React 的滚动触发动画库,通过声明式组件实现滚动位置驱动的动画效果。

开源React
github.com1 处推荐
动效组件

react-advanced-news-ticker

一个轻量、灵活的 React 垂直滚动新闻跑马灯组件,支持多种回调与方法控制。

开源React
github.com1 处推荐
动效组件

MotionVariants

手工制作的 Framer Motion 变体集合,为你的下一个项目提供现成动效。

开源ReactNext.js
github.com1 处推荐
动效组件

React Typewriter

一个用 TypeScript 编写、面向 React 18+ 的打字机效果组件,调用简单且可自定义。

开源React作品集
github.com1 处推荐
组件库

EasyUI

基于 React、Tailwind CSS 和 Framer Motion 的动画 UI 组件库,开箱即用。

开源ReactTailwind
easyui.site1 处推荐
组件库

Mixcn-UI

基于 React 与 TypeScript 的现代响应式 UI 组件库,内置强大动画系统,支持 Next.js。

开源ReactNext.js落地页
github.com1 处推荐
动效组件

Border Beam

为元素边框添加流动光束动效的 React 组件库,基于 Motion 实现。

React
beam.jakubantalik.com1 处推荐
动效组件

React Advanced News Ticker

轻量灵活的 React 垂直新闻滚动组件,支持多行、回调与方法控制,可高度自定义。

开源React
ahmetcanaydemir.com1 处推荐
动画库

data-driven-motion

一个基于 react-motion 的轻量 React 动画封装,简化数据列表的动画 API。

开源React
github.com1 处推荐
动效组件

React Pulse Text

一个轻量无依赖的 React Hook,让文字按指定模式逐字出现或消失,实现打字/脉冲动效。

开源React
kelsier90.github.io1 处推荐
组件库

Reoverlay

React 模态框管理库,提供多种预设动画并支持自定义动画。

React
hiradary.github.io1 处推荐
动效组件

React Use Smooth Scroll

一个 React 组件,为页面添加平滑滚动效果,使用简单,开箱即用。

开源React
github.com1 处推荐
组件库

react-planet

React 圆形菜单组件库,可创建行星轨道式环形菜单,带流畅动画。

React
innfactory.github.io1 处推荐
动效素材

Surface Component Studio

面向创意工作者的动效模板与组件工作室,提供可复用的动态设计资源。

surface-motion.com1 处推荐
代码片段 / CSS 效果

CSS Loaders and Spinners

纯 CSS 加载动画与 Spinner 合集,无需图片依赖,可自由定制。

开源HTML/CSS
cssloaders.github.io2 处推荐
动效组件

Rare UI

★ 1,547

基于 shadcn/ui 的 React 动效组件库,提供独特动画与交互效果,可直接复制使用。

ReactNext.jsTailwind
rareui.com4 处推荐
组件库

Nyxb UI

融合 shadcn/ui 与 MagicUI 的 React 组件库,含 150+ 免费开源组件,基于 Tailwind CSS 与 Framer Motion。

开源ReactTailwind落地页SaaS
github.com1 处推荐
动效组件

matrix-card

一个 React 组件库,用于生成《黑客帝国》数字雨风格的卡片,支持自定义文字、颜色和动画速度。

开源React暗色复古像素
github.com1 处推荐
组件库

three-ui

实验性 UI 组件库,用 Three.js 与 HTML-in-Canvas 把真实材质、物理和深度融入 DOM 界面。

ReactHTML/CSS3D
github.com2 处推荐
落地页 / 官网模板

Dark Souls Holo Card

ThreeUI 出品的 Three.js 全息卡牌模板,用多层 PNG 与深度图叠加 3D 剑与卡牌挤出,呈现烛光剑龛与飘散余烬。

HTML/CSS3D暗色
threeui.com1 处推荐
动效组件

react-ts-typewriter

一个易用且可定制的 React 打字机效果组件,适用于任意文本。

React
codesandbox.io1 处推荐
动效组件

matrix-card

一个极简的组件,用于生成《黑客帝国》风格的数字雨卡片效果。

React暗色复古像素
mehmetkaplan.github.io1 处推荐
动效组件

Saurabh Bhayana Open Source

免费可复制粘贴的动效 UI 组件与玻璃拟态效果资源,由开发者 Saurabh Bhayana 提供。

免费玻璃拟态
saurabhbhayana.com1 处推荐