动效组件

Canvas UI

开源创意组件库，用 WebGL/WebGPU 在实时 HTML 上叠加粒子、液态、玻璃等特效，框架无关。

useLayouts

免费动画 React 组件库，基于 Framer Motion 和 Tailwind CSS，可预览复制代码。

tsParticles Vue 3

tsParticles 官方 Vue 3 组件，用轻量代码在网页中创建粒子、连线等动态背景效果。

react-parallax-tilt

轻量级 React 组件，为元素添加鼠标悬停视差倾斜与眩光效果，仅 2.9kB 且零依赖。

Cursor Lab

28 款可实时调节的自定义鼠标光标，支持复制为 JS、React 或 CSS 代码。

Aceternity UI Svelte

Aceternity UI 的 Svelte 非官方移植版，提供可复制粘贴的动效组件，快速搭建炫酷落地页。

hamburger-react

轻量级 React 汉堡菜单图标库，仅 1.5 KB，纯 CSS 过渡动画，性能好且可访问。

Epic Spinners

一套纯 CSS 加载动画集合，提供多种 spinner 效果并支持 Vue.js 集成。

Hugeicons Animated

手工动画的 Hugeicons 图标集，通过 shadcn CLI 逐个安装为可编辑源码，基于 Motion，无包依赖。

tsParticles Vue 2

tsParticles 官方 Vue 2 组件库，用于在 Vue 2 项目中快速创建粒子背景与交互动效。

Kobra Input OTP

基于 input-otp 的分段式验证码输入组件，用 React 和 Tailwind 构建，含明暗主题与完整状态设计。

Kinetics

基于弹簧物理的网页微交互动效库，可调参数并复制 CSS 或 React 代码。

Heroicons Animated

基于 Motion 的免费开源动画图标库，包含 316 个流畅动画的 Heroicons，支持 React，MIT 许可，复制即用。

MetalForge

无需编写着色器代码，即可为 SwiftUI、React Native 和 Web 添加精美着色器与动画效果。

Whirl

一个纯 CSS 加载动画合集，用伪元素实现，可单独引入或复制修改。

NumberFlow

一个无依赖、可访问的 React 数字动画组件，支持格式化与自定义过渡效果。

Onborda

基于 Framer Motion 的 Next.js 新手引导与产品导览组件，轻量可定制，兼容 shadcn/ui。

gooey-toast

React 的形变 Toast 通知库，带有机 blob 动画、Promise 追踪和高度自定义。

react-awesome-slider

轻量高性能的 React 轮播/滑块组件，支持 60fps 动画、多种过渡效果与全屏导航。

Lukacho UI

基于 Next.js、TailwindCSS 和 Framer Motion 的动画 UI 组件集合，含图表、下拉菜单等。

JolyUI

基于 shadcn/ui 的可复制粘贴 React 组件库，用 Tailwind CSS 与 Framer Motion 打造，动效流畅且无障碍。

Amicro

基于 React 和 Motion 的微交互与过渡组件库，通过 CLI 一键添加轻量可摇树优化的动效组件。

Dither Icons

89 个原创动画 SVG 图标，提供抖动、实心和描边三种风格，支持 React 组件或直接下载 SVG。

Vengeance UI

面向 React 与 Next.js 的动效组件库，提供悬停位移、动画提示与滚动驱动布局等独特交互。