AI Coding UI资源

面向 React 的 UI 组件库，基于 React Aria 和 Tailwind CSS 构建，提供按钮、表单、弹窗、导航、日期选择器、数据展示等组件，注重无障碍交互与灵活定制。

开源 React UI 开发平台，提供 600+ UI 组件、100+ 动效、网页区块、Dashboard 和完整页面模板，支持在线预览、复制源码及自定义主题。

免费开源的 React 动效组件库，提供按钮、弹窗、Toast、导航、文字动画、3D 卡片等交互组件，支持在线预览、复制源码及 shadcn CLI 安装。

面向 AI Coding 的 React 特效组件库，提供光束边框、思考光球、液态金属、流体动画和图片加载特效等，支持在线预览、参数调整、npm 安装及 AI 编程提示词复制。

React 交互组件库，提供可实时预览、调节参数和复制源码的动画效果、视觉特效及 UI 组件，可直接集成到网页项目中。

面向 AI Coding 开发者的 UI 套件精选资源库，人工筛选并收录设计系统、组件、动效、网页模板和图标，提供真实源码、安装命令及 AI 提示词，并支持通过 MCP 在 Cursor、Claude Code 等编辑器中检索和调用。

一个面向网页开发的交互动效代码库，收录 95 种可交互预览的网页动画效果，涵盖文字、按钮、卡片、表单、背景、布局和光标等类型，每个动效均提供源代码及可直接用于 AI Coding 的实现提示词。

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

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

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

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

NameThatUI 是一个专为 UI/UX 设计师、前端开发者和 AI Coding 用户打造的 UI 组件术语词典。用自然语言描述 UI 元素，快速查询标准名称、API 符号与可复用提示词。

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

MotionSites AI 是一个面向 AI Coding 的网站设计 Prompt 资源平台，提供 Landing Page、Hero Section、动画背景和网站模板等内容，其中部分资源可免费预览并直接复制使用。

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

设计风格实验室，收录了 67+ 设计风格，并提供对应的 AI prompt 模板、设计规则、风格对比、案例展示和风格推荐

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

AI 编程的 UI/UX 设计增强插件，整理了58种现代UI/UX设计风格，让 AI 自动生成更专业、美观且体验更佳的应用界面代码。

一键复制网站设计提示词，输入AI助手即可快速生成美观、一致的界面。探索多种风格，轻松打造理想网站。

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

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

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

AI和GPT项目打造的开源 Tailwind 库，提供免费使用的 UI 组件。

收录现代感强的 Web UI 组件与交互模块，适合前端开发者和设计师快速寻找灵感、参考实现与界面方案。​