产品库

Koval UI是一个React组件集合，提供易于配置的主题色彩、响应式布局和用户输入捕获组件。

Koval UI是一个设计库，提供了丰富的React组件，帮助开发者快速搭建具有美观设计和响应式布局的网站。它的主要优点在于易于定制的主题色彩和各种用户输入捕获组件。

使用AI即时设计和原型化UI组件，将自然语言转化为可立即使用的React组件。

Respaced.com是一个AI UI生成器，可以帮助产品团队快速设计和原型化UI组件。它的主要优点是利用人工智能技术加速UI设计和开发过程，提供实时的React组件生成。Respaced.com的定位是为产品团队提供快速实验UI理念的工具。

使用AI快速构建React组件

ReactAI Components是一个利用人工智能技术帮助开发者快速构建React组件的平台。它通过集成先进的AI模型，如Claude/Anthropic，为用户提供了一个无需编写代码即可生成React组件的解决方案。该产品的主要优点在于它能够大幅提高开发效率，减少重复劳动，并使非专业开发者也能轻松创建高质量的React组件。产品目前处于Beta阶段，提供免费使用，无需信用卡信息，适合希望快速开发React应用的开发者和团队使用。

使用AI创建和预览React + Tailwind CSS组件

Microapp.io提供了一种创新的解决方案，即React + Tailwind CSS AI组件生成器。该工具利用AI技术帮助开发人员创建和预览React + Tailwind CSS组件，使开发过程更高效、更愉快。您可以通过结合React和Tailwind CSS技术，以及AI功能，轻松生成适用于应用程序的组件。

一款用于AI驱动的Web应用、电子商务和仪表板的高级React组件集合

NextUI Pro是由NextUI的创建者制作的一款高级React组件集合，用于开发AI驱动的Web应用、电子商务和仪表板等项目。它提供了丰富的UI组件和设计系统，使开发者能够快速构建出现代化的用户界面。NextUI Pro支持使用React、Next.js、Tailwind CSS和其他技术进行定制开发，提供了丰富的功能和优势，并提供灵活的定价方案来满足不同项目的需求。

用AI开发HTML或React组件，并与GPT4聊天

Jinno是一个使用AI开发HTML或React组件的插件。它可以修改React、HTML和CSS代码。它支持React、CSS和JavaScript，并提供了颜色选择器、字体选择器、页面标尺等功能。可以导出React、HTML和CSS代码，适用于开发人员和设计师。

面向设计工程师的 npm：基于 shadcn/ui 的 React Tailwind 组件、模块和钩子的最大市场

21st.dev是一个开源的React UI组件社区注册表，任何人都可以发布最小的Tailwind & Radix UI组件，并通过npx shadcn命令安装任何组件。它受到shadcn/ui的启发，旨在为设计工程师提供一个大型的组件、模块和钩子的市场。

带Prompt的前端组件库，设计工程师的NPM，快速构建精致的UI。

21st.dev是一个为设计工程师提供React Tailwind组件的平台，灵感来源于shadcn/ui。它由 RorkAI 团队和 Claude 3.5 Sonnet 构建，旨在帮助设计工程师更快地交付精致的用户界面。用户只需一条命令即可安装，极大地提高了开发效率。这个平台的主要优点是它的组件化和模块化，使得设计和开发工作更加灵活和高效。产品背景信息显示，它是为了满足设计工程师对于快速、高质量UI组件的需求而创建的。目前，该平台提供免费试用，但具体的定价信息需要进一步查看其官方网站或联系客服获取。

AI驱动的互动编程：生成、执行和更新React组件。

Chat2Code是一个AI驱动的互动编程工具，可以将您的文字转换为代码。它支持所有流行的框架。您可以通过与Chat2Code对话来生成、执行和更新React组件。Chat2Code还提供了Chat2Math功能，可以将您的文本转换为代码并执行数学计算。使用Chat2Code，您可以更快地完成重复的任务。

从Figma设计中生成React代码

Quest是一款可以从Figma设计中生成React代码的工具。它能够将设计转化为可扩展、干净的代码，并支持MUI和Chakra UI等设计系统。Quest适用于开发人员、产品团队、代理商和初创公司，能够帮助他们更快地构建React应用、提高工作效率并提供可扩展的代码。

AI助力网页设计主题选择

ThemeAI是一款由GPT4驱动的人工智能网页设计主题选择工具。用户可以免费轻松选择有意义的主题，浏览广泛的主题库，打造个性化的主题集合，并轻松管理个人资料。通过ThemeAI，您可以将您的网站转变为一个富有意义的杰作。加入我们，重新定义网页设计，提升您的数字化存在！

Khroma 是设计师使用的 AI 色彩工具。

Khroma 利用人工智能学习您喜欢的颜色，并为您创建无限的调色板，帮助您快速发现、搜索和保存色彩组合。Khroma 的个性化算法训练神经网络，生成您喜欢的颜色，过滤您不喜欢的颜色。同时，还可以搜索和保存颜色组合，并获取颜色名称、hex 代码、RGB 值、CSS 代码以及 WCAG 辅助功能评分。

React.js LLM Agent,使用GPT-4为你生成React组件

ReactAgent是一个基于GPT-4语言模型的实验性自动化代理,它可以根据用户故事生成和组合React组件。它使用React、TailwindCSS、Typescript、Radix UI、Shandcn UI和OpenAI API构建。遵循原子设计原则,以提高代码质量。

检测、诊断、修复React应用中的慢速组件

MillionAI是一个GitHub插件，用于自动检测、诊断和修复React应用中的慢速组件。它专为那些希望快速交付并保持速度的公司设计。

使用 AI 将 Figma 设计转换为 React 代码

Bifrost 是一个使用人工智能将 Figma 设计转换为干净的 React 代码的工具。它适用于各个开发阶段，可以创建完整的组件集合、支持类型安全、条件渲染和从 Figma 中获取默认属性。您可以从任何流程的任何屏幕开始生成代码，Bifrost 会根据您的代码库自动适应并以与您团队中的工程师一样的方式编写代码。使用 Bifrost，工程师可以节省时间，将精力集中在推动业务发展的功能上，设计师可以轻松创建和更新屏幕，无需担心繁琐的交付过程。快来体验 Bifrost，为您的设计和工程团队提供强大支持吧！

AI将Figma设计转换为React代码

Bifrost是一款AI工具，可以将Figma设计转换为干净的React代码。它支持Tailwind和Chakra，并能生成类型安全、有条件渲染和使用Figma默认属性的组件。Bifrost适用于开发的每个阶段，无论是从头开始创建还是迭代现有设计。开发人员可以节省大量时间，设计师可以更轻松地更新和维护设计。Bifrost生成的代码与您的现有代码库完全兼容，开发人员无需额外学习。

使用AI创建和预览React + Tailwind CSS组件

Microapp.io的React + Tailwind CSS AI组件生成器是一款创新的开发工具，可以使用AI创建和预览React + Tailwind CSS微应用，提高开发效率和开发乐趣。它使用先进的AI技术，帮助开发者更高效地创建和预览React + Tailwind CSS微应用，减少开发过程中的时间和工作量。

快速原型设计React Native屏幕，轻松创建移动应用。

a0.dev是一个专注于快速原型设计的平台，主要面向React Native开发。它允许用户在短时间内构建和测试移动应用界面，极大地提高了开发效率。该平台适合开发者和设计师快速验证想法，减少开发前期的时间成本。a0.dev背后由Y Combinator支持，这表明其技术和理念得到了行业认可。目前暂未明确其是否收费，但其功能对于快速开发和迭代具有重要价值。

革新您的UI设计，AI驱动的UI组件生成器

GeniusUI是一款革命性的UI组件生成器，利用人工智能技术生成UI组件，既具有视觉上的震撼力，又具有高度的功能性。它与您喜爱的前端框架无缝集成，在现有项目中轻松使用。它可以快速、轻松生成UI组件，节省时间，让您专注于项目的其他方面。GeniusUI的组件质量很高，确保您的UI设计处于最高水平。GeniusUI的组件可以轻松定制，以适应您的特定需求，让您创建独特的UI设计。Genius UI通过训练数千个优秀的设计，将自然语言提示转化为高保真的UI组件。

AI 色彩搭配生成器

ColorMagic 是一个具备人工智能的色彩搭配生成器。通过关键词为您输入的颜色图像生成色彩搭配。

前端组件助手

Magic Patterns是一款前端组件助手，提供了丰富的UI组件和样式模板，帮助用户快速构建前端页面。其优势在于使用Radix Themes和Tailwind等框架，可以快速搭建出美观、响应式的网站。Magic Patterns的定价灵活，用户可以按需购买。

Figma转React代码工具

Codejet.ai™是一款将Figma设计转化为React代码的工具，能够快速生成干净、可生产的代码。通过使用Codejet，您可以将Figma设计导出为高质量的React代码，无需繁琐的手动编写，节省50%的开发时间。Codejet支持响应式设计和单元测试，能够帮助开发者快速实现设计。

AI 设计工具，让 React 代码库的设计与开发更高效

Tempo 是一个基于人工智能的设计工具，可以直接在你的 React 代码库中生成和编辑高质量的 React 代码，让你能在几分钟内完成 UI 的开发。它与你现有的代码协同工作，可以根据你代码库的规范生成新的代码或者直接在现有代码上进行编辑。你可以通过可视化方式编辑样式和布局代码，从而更专注于编写业务逻辑而非 CSS。你可以自带设计系统，也可以使用 MUI、Chakra、Radix 或 Headless UI 来生成定制库。此外，Tempo 还提供了数百个组件和模板供你选择，快速启动项目。Tempo 旨在简化设计师和开发者之间的协作，让你的产品快速上线。

AI组件驱动技术，一行文本即可创建、设计和开发网页组件。

Compo Chrome Extension是一个基于AI组件驱动技术的开源工具，可通过一行文本即可创建、设计和开发网页组件。用户可通过下载GitHub Repo并登录来生成该库，也可将Compo嵌入到应用程序中，或者使用Vallmore的企业AI集成到应用、工具或平台中。该工具适用于企业，可将技术转换为高性能AI应用，由Vallmore全面管理，开发者友好且易于扩展。定价为每月299美元，包括安装和最多500万次调用；也提供每月99美元的Compo云使用方案。此外，还有可嵌入的AI组件驱动技术许可证，适用于下一个无代码构建器项目。

通过自然对话实时生成功能美观的UI/UX设计。

AI UI/UX设计助手是一款利用人工智能技术，将需求即时转化为现代前端代码的工具。它能快速生成美观的UI设计，支持HTML、Tailwind CSS和React组件。

一个为RAG（检索增强生成）AI助手设计的React组件，可快速集成到Next.js应用中。

该产品是一个React组件，专为RAG（检索增强生成）AI助手设计。它结合了Upstash Vector进行相似性搜索、Together AI作为LLM（大型语言模型）以及Vercel AI SDK用于流式响应。这种组件化设计使得开发者可以快速将RAG能力集成到Next.js应用中，极大地简化了开发流程，同时提供了高度的可定制性。其主要优点包括响应式设计、支持流式响应、持久化聊天历史以及支持暗黑/浅色模式等。该组件主要面向需要在Web应用中集成智能聊天功能的开发者，尤其是那些使用Next.js框架的团队。它通过简化集成过程，降低了开发成本，同时提供了强大的功能。

AI驱动的色彩搭配生成器，激发创意灵感。

IPalettes是一个基于人工智能技术的色彩搭配生成器，它能够根据用户输入的关键词生成相关的色板，帮助设计师和创意工作者快速找到配色灵感。该产品以其高效的配色方案生成能力和用户友好的界面而受到欢迎，特别适合需要快速获取配色方案的设计师和艺术家。IPalettes目前提供免费服务，用户可以直接在网页上操作，无需下载任何插件或应用程序。

UI组件库管理工具

Blaze是一款基于GPT-4的最终UI组件库管理工具，用于存储您的Webflow、Figma、TailwindCSS组件。Blaze可以帮助您创建多个项目，存储可重复使用的UI组件，简单粘贴即可。利用GPT-4，Blaze可以根据您的文本描述创建基于TailwindCSS的UI组件。您还可以分享公开的UI组件项目供其他创作者在其项目中重复使用。

即时AI生成式设计工具

即时设计是一款AI生成式设计工具，通过输入文字即可生成相应的设计作品，帮助用户快速实现创意设计。产品定价根据用户需求而定，定位于提供高效便捷的设计解决方案。

现代 React 框架

Next.js 是一个用于构建现代 React 应用程序的框架。它提供了许多功能和优势，包括服务器渲染、静态生成、热模块替换等。Next.js 的定价根据使用情况而定，定位于开发人员和企业用户。