动效组件

面向创意网页开发的 Three.js 动效组件库，提供 3D 场景、WebGL 背景、Hero、按钮、文字动画和完整 Landing Page 等可复用视觉组件。

一个高质量动态 React UI 组件库，提供导航、卡片、按钮、微交互和页面模块等可预览、复制并用于实际项目的动效组件。

一个面向现代网页的动画 React 组件库，提供按钮、文字、卡片、导航、背景和 3D 交互等组件，可预览效果并直接复制代码或命令安装。

一个开源 Loading 动效组件库，提供50多种免费的点阵加载动画，可通过 shadcn CLI 安装或直接复制代码用于 React 项目。

一个面向 SwiftUI 与 React Native 的可视化 Shader 特效编辑器，可直接调节参数预览金属、扭曲、光影等效果，并导出可用于项目的 Metal 或 Skia Shader 代码。

一个基于 Lucide 与 Motion 构建的开源动态图标库，为 React 项目提供可直接安装使用的平滑动画图标。

一个基于 React 与 Motion 构建的微交互动效组件库，收录按钮、图标、文字等界面元素的过渡与反馈效果，方便开发者浏览和参考动效实现。

一个网页交互动效案例库，提供真实效果预览、精简实现代码及可交给 AI 编程工具的开发提示词，帮助设计师和开发者快速复现网页动效。

OriginKit 是一个面向 AI Coding 和现代 Web 开发的 动画组件资源库，提供大量高质量的 React 动效组件

一个专注于 Web UI 微交互动效 的资源库，收录了一系列可直接复制使用的 CSS 动画和过渡效果

强大的 JavaScript 工具集,构建适用于所有主流浏览器的高性能动画。

面向 Web 的生产级动画库，支持 React、JavaScript 和 Vue，用来实现高性能 UI 动画、布局动画、手势动画、滚动动画等。

一个面向 React 和 Next.js 的可复制 UI 组件站，提供 200+ 免费组件，并且大量组件带有 Tailwind CSS 与 Framer Motion / Motion 驱动的动画效果。

一个开源的动画组件库，提供可复用的动效组件，基于 Motion 和 Tailwind CSS 构建，面向 React / Next.js 项目，适合快速给网站和 Web App 加上高质感交互动效。

为React开发者打造的动画图标库

一款风格参考《动物森友会》的 React UI 组件库

主打创意表现的 React 组件库，提供丰富的 UI 组件与微交互效果。

一个轻量级、高性能的 JavaScript 动画库（动画引擎），可用于在网页上创建动画效果。

开源且免费的 React 组件集，提供大量带动画效果的 UI 与组件。

纯前端 Loading 动效组件库，每个Loading都可以复制代码直接运用到你的项目中。

一个开源的创意工具箱，集成了阴影、SVG、渐变和背景图案生成器以及色彩功能，支持一键复制css或Tailwind在项目中使用。

纯 CSS 按钮样式集合库，收录大量可直接复制使用的按钮组件。

一个面向 Vue.js 的开源 UI 组件库，提供 90 + 个可动画化、交互丰富、完全可定制的组件（如文字动画、背景动画、UI 模块等）

Motion One 提供的 Vue 框架动画示例集合，支持 JavaScript 与 CSS 动画，兼容 React、Vue、Svelte 等前端框架。

开源 CSS 动效库，涵盖按钮悬停、输入聚焦、加载动画、文本特效等，点击任意效果即可复制 HTML 和 CSS 代码。

提供基于 Lottie 框架的动画图标资源，方便用户在应用或网站中快速实现动画效果。

专门为 Vue3 设计的动效组件库，官方示例有 100 + 个。它自带超多惊艳的动画效果，像炫酷背景、粒子特效、按钮交互等，无需额外引入其他库就能做出流畅的过渡效果。

提供多种loading加载器样式并生成css样式代码。

拥有 150 多个免费开源的动画组件和效果，基于 React、Typescript、Tailwind CSS 以及 Motion 构建。

开源的 UI 元素库平台，支持将 UI 元素以 HTML/CSS、Tailwind、React 代码形式复制使用，方便不同设计与开发场景应用。