产品库

前端组件助手

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

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

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

优质Figma UI Kits

UIAnts是一家提供高质量Figma UI Kits的公司，产品包括Avatar AI、Convo AI、GoGroceries、Crypto Valley等多个UI Kit。UIAnts的UI Kits提供了丰富的设计元素和界面模板，帮助用户在设计中实现完美的界面效果。

AI 生成 UI 组件

AIComp 是一款 AI 生成 UI 组件的工具。它能够根据用户需求，自动生成各种 UI 组件，帮助开发人员提高工作效率。AIComp 具有简洁易用的界面，用户只需输入组件名称和相关参数，即可生成对应的代码。同时，AIComp 还支持自定义主题、布局和样式，满足不同项目的需求。AIComp 的定价灵活，提供免费和付费两种版本，适用于个人开发者和企业团队。无论是快速搭建原型还是提升生产力，AIComp 都能为您节省大量的时间和精力。

前端标注组件库，支持多种数据标注方式。

labelU-Kit 是一个开源的前端标注组件库，提供图片、视频和音频的标注功能，支持2D框、点、线、多边形、立体框等多种标注方式。它以NPM包的形式提供，方便开发者集成到自己的标注平台中，提高数据标注的效率和灵活性。

UiHub是一个由AI驱动的UI组件库

UiHub是一个由AI驱动的UI组件库,可以让你轻松快速地为你的项目生成TailwindCSS UI组件库。你可以让AI代劳生成组件,也可以自己收集编辑组件。它可以增强设计师和前端开发者之间的协作,让UI工作流更加顺畅高效。

一个帮助快速构建和运营SaaS产品的UI组件库

Quest提供了丰富的预构建UI组件,可以帮助SaaS产品快速实现用户引导、参与和留存等功能,从而提高用户体验和业务指标。主要优势是开箱即用,大大节省开发成本和时间。定价分为免费和付费版本。定位是帮助中小企业快速建立和迭代SaaS产品。

UI组件库管理工具

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

绘制UI并用GPT4生成HTML

这是一个使用 tldraw 和 gpt-4-vision api 根据您绘制的线框生成 html 的应用程序。可以快速创建静态网页的原型，并自动生成对应的HTML代码，提高前端开发效率。该工具简单易用，适合前端开发人员和UI设计师使用。定位于提升界面设计和开发效率，降低工作量。其工作原理是，只需获取当前画布 SVG，将其转换为 PNG，并将该 png 发送到 gpt-4-vision，并附有指令以返回带有 tailwind 的单个 html 文件。

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

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

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

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

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

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

AI生成的定制Tailwindcss组件

Tailwind Genius是一款基于人工智能技术的定制Tailwindcss组件生成工具。用户可以通过输入自己的设计需求，Tailwind Genius会自动生成符合需求的定制组件代码，大大提高了前端开发效率。Tailwind Genius的优势在于生成的组件代码质量高、易于定制、易于维护。定价方面，Tailwind Genius提供免费试用和付费套餐，用户可以根据自己的需求选择不同的套餐。定位方面，Tailwind Genius主要面向前端开发人员和设计师。

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

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

用AI开发UI组件

Brewed是一款用人工智能来帮助您开发UI组件的产品，其功能包括搜索、描述设计、或通过图像开始UI设计，并能通过AI生成代码。其优势在于能够快速、高效地创建UI设计，定价灵活，定位于设计领域。

将草图转化为 UI 代码

UI Sketcher 是一个可以将草图转化为 UI 代码的插件。它可以帮助用户快速将草图设计转化为可用的 UI 代码，提高开发效率。该插件支持在 Visual Studio Code 中使用，用户可以通过在插件中进行草图设计并转化为 UI 代码。UI Sketcher 支持下载安装，并提供详细的使用文档。该插件主要优势在于快速、高效地将草图转化为 UI 代码，提供了简单易用的界面和丰富的功能。

前端开发利器，使用 AI 加速 UI 构建

Coffee 是一个使用人工智能加速前端开发的工具，能够以 10 倍的速度构建和迭代用户界面。它可以与任何 React 代码库一起使用，并生成干净、可维护的代码。Coffee 的设计目标是成为一个更加人性化的工具，能够写和交互真实的代码。

一键克隆网页UI组件并生成代码的浏览器插件

UICloner Extension是一款AI驱动的浏览器插件，它允许用户通过一键操作克隆任何网页上的UI组件，并自动生成相应的代码实现。这款插件的主要优点包括一键选取、多格式代码支持、实时预览等。它的重要性在于能够大幅提高前端开发者的工作效率，尤其是在UI设计和原型制作阶段。产品背景信息显示，UICloner Extension支持HTML+Tailwind CSS或HTML+纯CSS代码的生成，适合需要快速实现UI原型的开发者使用。插件是免费使用的，定位于提高开发效率和降低设计到代码的转换难度。

专注于UI/UX设计工具和资源分享的平台。

UI root是一个专注于提供UI/UX设计工具和资源的平台，帮助设计师提高工作效率和创造力。其主要优点包括丰富的设计工具、灵感资源和优质内容，定位于为设计师提供全面的支持和灵感。

AI助力前端开发，快速生成组件代码。

Frontend AI是一个开源的前端AI社区工具，它通过AI技术帮助开发者快速生成前端组件代码。用户可以通过简单的请求或上传图片，立即获得无需手动编写的、可立即使用的代码。它支持Tailwind CSS，允许用户自定义设计元素，并将生成的代码轻松集成到项目中。

使用AI快速构建React组件

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

AI辅助的UI设计工具，支持暗色系UI设计。

FLUX_UI设计是一个利用AI技术辅助用户生成具有艺术感的UI设计模型。它特别适用于B端的深色UI设计，支持发光效果，能够生成具有专业感和技术感的电商管理界面。该模型通过数据可视化和商业洞察，为商家提供全面的运营决策支持。

低代码前端设计与开发平台

TeleportHQ是一个协作的前端平台，集成了UI开发和内容建模工具。通过强大的可视化构建工具，可以快速创建和发布无头静态网站。还可使用我们的Figma插件将设计转换为响应式网站、组件和界面。提供低代码开发能力，实现定制功能。支持自定义代码、可视修改、创建小部件和交互。可以通过Vercel部署、推送到Github、免费托管网站，或以干净的代码形式下载您的作品。

No Code Flow是Webflow CMS的有用组件库，可克隆、100%可样式化，无需编码。

No Code Flow是一个面向Webflow用户的有用组件库，提供了一系列可克隆、可样式化的组件，无需编码即可轻松应用到网站中。其主要优点包括提高网站设计效率、丰富网站功能、降低开发成本。No Code Flow定位于为Webflow用户提供更便捷、快速、美观的网站设计体验。

使用Ollama和Gradio UI的GraphRAG本地模型

GraphRAG-Ollama-UI是一个基于微软GraphRAG的本地模型适配版本，支持使用Ollama进行本地模型支持。它通过Gradio UI提供了一个交互式用户界面，使得用户可以更方便地管理数据、运行查询和可视化结果。该模型的主要优点包括本地模型支持、成本效益高、交互式用户界面、实时图可视化、文件管理、设置管理、输出探索和日志记录。

前端开发助手，提升10倍开发效率。

Superflex是一款前端开发助理插件，旨在帮助开发者通过各种输入方式快速构建UI组件和页面。它支持从Figma设计、草图、截图或文本提示生成代码，同时分析并重用现有代码库中的组件，以适应开发者的编码风格。Superflex通过VSCode插件的形式提供服务，支持多种输入源生成代码，并且能够适应开发者的编码风格，提供透明的定价策略，旨在帮助开发者提高工作效率，减少重复劳动，专注于创新和复杂问题的解决。

提升Bubble和Webflow项目开发效率的UI组件库

Framify是一个专为Bubble和Webflow打造的UI组件库,可以极大地提高网站和应用开发效率。它提供大量预设组件、工作流模板和页面布局,开发者可以快速搜索、复制粘贴来重用,大大节省开发时间。Framify定期更新组件,也支持开发者分享自己设计的组件到社区。

React、NextJS 和 Chakra UI 的 ChatGPT 管理模板

Horizon AI Template 是世界上最好的 OpenAI ChatGPT 管理模板，使用 React、NextJS 和 Chakra UI 制作！通过 Horizon AI Template，您可以比以往快 10 倍创建出色的 AI SaaS 应用程序、Chatbot 项目和 Prompts。Horizon AI Template Chat GPT 拥有 33 + 个高质量的现成页面和 100 + 个深色 / 浅色前端组件，如按钮、输入框、导航栏、选项卡、卡片和警告框等，让您可以自由选择和组合。

唯一一个由人工智能联合创始人提供的SaaS工具包

cult是一款SaaS工具包，内含AI联合创始人，可帮助用户更快地构建产品。该工具包包括模型、组件、模板等，优化了复制粘贴操作，支持本地运行或免费使用。用户可以使用其生成各种内容，从UI组件到SQL模式，甚至包括全栈功能。此外，cult还提供定制的GPT，用于特定代码的训练。用户可以通过自然语言生成shadcn组件，并对其进行迭代。该工具还包括各种模板和样式，以及会员计划。

ChatGPT更好的UI定制化工具

Botrush Custom Design for ChatGPT是一款为ChatGPT提供更好UI的插件，用户可以自定义颜色、字体、背景等，打造符合个人喜好的ChatGPT UI。功能包括25种暗色和亮色配色方案、25张高质量背景图、25种Google字体，支持自定义聊天窗口尺寸、字体大小和透明度等。