AI Coding UI资源

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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