framer-motion

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

UI 套件，可快速打造美观、动画化的界面。可定制、开源

为设计工程师打造的组件，使用 Tailwind CSS 样式，完全兼容 Shadcn，轻松复制粘贴即可集成。MIT 🤌

一套面向 Next.js 项目的专业化组件、hooks 与工具集。

使用 React、TypeScript、Tailwind CSS、Motion 和 Shadcn CLI 构建的全动画、开源组件库。浏览您可以安装、修改并在项目中使用的组件列表。

一个利用 CSS Flexbox 强大功能的灵活布局网页应用

UI Layouts不是一个库。它是你完整的前端宇宙，拥有组件、效果、设计工具与即用区块，让你更快构建现代界面

个人作品集网站，使用 React 与 three.js 建置

一款现代化的 React 后台管理模板。基于 React 19、Vite 和 TypeScript。速度极快！

适用于 Vue 的 Motion 动画库。

这是对应 YouTube 视频的代码仓库。在本教程中，我们将构建并部署一个实时聊天应用程序。涵盖主题：React.js、SCSS、Framer Motion、Sanity

使用 Tailwind CSS、shadcn/ui 與 Motion 建構、可用於網站的精美元件開源集合

Cali Castle 的个人网站

使用 framer motion 动画化的 Next.js 引导向导流程 / 产品导览

React 的动态组件。复制、粘贴，搞定。

⭐使用 Next.js、Tailwind CSS 和 Framer-motion 打造令人惊艳的作品集网站。如果您想学习如何制作，可以参考 Read me 文件中提供的教程链接。

适用于 React、Next.js 及其他 JSX 框架的 UI 组件库。基于 Tailwind CSS 构建，让创建美观、互动式和响应式的界面变得快速又简单。

生产就绪的 UI 区块、组件与完整页面，提供 shadcn/ui 与 Base UI 版本，由 Framer Motion 驱动，并附带 Landing Page Builder、Background Builder 与 Grid Generator。

构建于 Sonner 且具备 Framer Motion 动画的黏着变形提示讯息元件

交互式 3D 开发者作品集，配有将每个键帽都化为技能的键盘。使用 Next.js、React、TypeScript、GSAP 与 Motion 打造。免费使用！

Svelte Magic UI、Svelte Aceternity UI，使用 Tailwind CSS 与 Framer Motion 构建的 Svelte 组件

适用于 React 的免费开源动画 SVG 图标，专为流畅的微交互、轻松自定义以及轻量级性能而打造。

使用 Motion 构建的灵活底部对话框（bottom sheet）组件，在兼顾无障碍功能（accessibility）的同时提供极为流畅的用户体验 🪐

Yamada 的 React UI 组件，由 Yamada 打造，为 Yamada 而生，使用 React 与 Emotion 构建。

为你的下一个项目打造的手工 Framer Motion 变体集合。

AI 原生、CLI 优先的 React 组件库。拥有 160+ 个具备动画、无障碍支持、可直接用于生产环境的组件，并支援适用于 Cursor、Claude 与 GitHub Copilot 的 MCP 服务器。采用复制粘贴架构——代码完全属于你。

免费获取基于 Tailwind CSS 的预建组件、动画与特效——通过 Framer Motion 实现。只需复制、粘贴即可直接使用！

使用简洁的复制粘贴组件简化您的 UI，这些组件能最小化 JavaScript、最大化 CSS、激发创造力，并赋予您完全拥有和理解代码的能力。

使用 Next.js + TypeScript + Tailwind CSS 搭配 Cloud Firestore 与 Storage 构建的 Twitter 克隆版