产品库

现代 React 框架

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

AI驱动的生成式UI工具

v0是由Vercel推出的基于AI的生成式用户界面系统，它可以根据简单的文本提示生成适用于项目的React代码。v0使用AI模型生成代码，基于shadcn/ui和Tailwind CSS，提供了易于复制和粘贴的代码。v0不使用任何Vercel客户数据或代码进行训练，保证了数据的安全性和隐私性。

前端页面生成神器，提升开发效率

gpt-frontend-code-gen 是一个基于 React 和 Vite 构建的前端项目，结合 Koa 后端服务，实现前端页面生成并预览的功能。它使用 GPT-4 模型，支持 Chakra UI 和 ShadcnUI 组件生成，允许开发者通过对话形式持续迭代和修改页面，直到达到满意的效果。

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

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

快速将设计转换为代码的低代码平台

Locofy.ai是一个利用人工智能技术，将设计文件（如Figma和Adobe XD）快速转换为前端代码的低代码平台。它通过大型设计模型（Large Design Models）技术，训练于数百万的设计和产品，结合多模态和启发式模型，实现设计到代码的高效转换。这一技术的重要性在于它极大地提高了前端开发的效率，减少了重复劳动，让开发者能够专注于更复杂的创造性工作。Locofy.ai支持多种框架和库，如React、React Native、HTML/CSS、Next.js、Angular、Gatsby、Vue等，并且提供了插件直接从设计工具开始工作。它的价格策略包括付费计划，并提供LDM以激励用户。

构建多智能体系统的JavaScript框架

KaibanJS是一个专为JavaScript开发者设计的框架，用于构建和协调AI智能体。它允许开发者以类似微服务的方式处理AI任务，每个智能体负责不同的任务，如数据处理、处理和输出生成，全部自动协同工作。KaibanJS强调易用性和原生JavaScript支持，使得JavaScript开发者也能享受到构建复杂AI系统的能力。

现代国际化平台，快速实现产品多语言支持。

Quetzal是一个现代国际化平台，旨在帮助用户快速将产品翻译成多种语言，以获得全球新客户。该平台提供工具，支持20多种语言，与Next.js和React兼容，并且拥有快速设置流程，仅需约10分钟。Quetzal利用人工智能技术，结合应用程序的上下文，在几分钟内实现最佳翻译效果。它还提供了一个仪表板，让用户可以在一个地方查看和管理所有的字符串。产品背景信息显示，Quetzal由Quetzal Labs, Inc.在奥克兰精心打造，并且提供了一个慷慨的免费计划，直到用户添加第二种语言。

集成Firecrawl的OpenAI实时API控制台

firecrawl-openai-realtime是一个集成了Firecrawl的OpenAI实时API控制台，旨在为开发者提供一个交互式的API参考和检查器。它包括两个实用库，openai/openai-realtime-api-beta作为参考客户端（适用于浏览器和Node.js），以及/src/lib/wavtools，后者允许在浏览器中简单管理音频。该产品是使用create-react-app创建的React项目，并通过Webpack打包。

将你的草图转化为应用程序

Napkins.dev 是一个利用人工智能将网站设计草图转换成实际应用程序的平台。它使用 Llama 3.2 90B Vision 模型，可以识别上传的图片并生成 React + Tailwind 代码。这个工具对于前端开发者来说非常有用，因为它可以节省大量的时间，让他们专注于更复杂的开发任务。

探索ReAct聊天机器人的实验性项目

curiosity是一个基于ReAct框架的聊天机器人项目，旨在通过LangGraph和FastHTML技术栈探索和构建类似Perplexity的用户交互体验。项目核心是一个简单的ReAct代理，使用Tavily搜索增强文本生成。支持三种不同的LLMs（大型语言模型），包括OpenAI的gpt-4o-mini、Groq的llama3-groq-8b-8192-tool-use-preview以及Ollama的llama3.1。项目通过FastHTML构建前端，尽管在调试过程中可能遇到一些挑战，但整体上提供了快速的用户体验。

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

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

快速将UI设计图转换为React代码

Ocode AI是一个AI驱动的编程辅助工具，能够帮助开发者通过上传UI设计图，自动生成React代码，从而加快开发速度，提高开发效率。它通过实时代码生成、预览、部署和与AI的交互来修改代码，实现了从需求收集到代码编写、单元测试、部署的全流程自动化。

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

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

开源版Anthropic的Claude Artifacts界面

AI Artifacts是一个开源的Anthropic Claude Artifacts界面版本，使用E2B的代码解释器SDK和核心SDK执行AI代码。E2B提供了一个云沙箱来安全地运行AI生成的代码，并可以处理安装库、运行shell命令、运行Python、JavaScript、R以及Nextjs应用程序等。

Artifacts.run 是一个能够分享和运行 React 代码的平台。

Artifacts.run 是一个基于 React 的代码分享平台，用户可以在平台上分享他们的 React 代码，并且在浏览器中实时运行。该平台简化了 React 代码分享和演示的流程，为开发人员提供了一个便捷的交流工具。

使用AI快速原型产品界面设计

Magic Patterns是一个由Y Combinator支持的在线平台，专为创始人、工程师和产品领导者设计，以加速UI的交付过程。它利用AI技术帮助用户快速迭代产品组件和设计，支持导出到React或Figma。平台拥有超过10万个由社区生成的组件，覆盖从项目概览到移动UI的多个领域。

京东零售推出的轻量、强大的企业级列表可视化搭建解决方案。

Drip Table 是京东零售推出的一款专为 React 16+ 环境设计的轻量级、功能强大的企业级列表可视化搭建解决方案。它通过可视化搭建方式，大幅降低研发周期，提高开发效率，支持多种主流界面组件库，不依赖指定界面框架。Drip Table 采用低代码拖拽搭建模式，简化了传统的 JSX 堆砌表格列的开发过程，使得前端列表开发更加高效和灵活。

macOS风格的开源React桌面环境

MacAIverse是一个完全由AI生成代码，使用React构建的macOS风格的开源桌面环境。该项目由Claude AI助手初始创建，现在开放给其他Claude实例或其他开发者贡献新的应用。它遵循macOS设计原则，保持与整体桌面环境的一致性，并通过Tailwind CSS和framer-motion库实现流畅的动画和响应式布局。

交互式流程图编辑器

React Flow是一个基于React的交互式流程图编辑器，它允许用户通过简洁的界面创建和编辑流程图。它支持节点和边的拖拽、选择、删除等操作，为用户提供了一种直观且灵活的方式来展示和处理流程。

使用AI找到最适合您的业务的最佳工具。

Laravel是一个高效、灵活的PHP Web开发框架，为开发人员提供了强大的工具和功能。它具有优雅的语法和简洁的代码结构，可以快速构建可扩展、稳定和安全的Web应用程序。Laravel具有广泛的社区支持和活跃的开发者生态系统。

AI CSS Animations是一个使用人工智能技术轻松创建令人惊叹的CSS动画效果的工具。

AI CSS Animations是一个使用人工智能技术创建CSS动画效果的工具。它可以帮助用户轻松地为网站添加引人注目、动态的效果。AI CSS Animations具有简单易用的界面和强大的算法，可以根据用户的语音指令生成定制的CSS动画代码，用户可以根据需要调整细节。

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

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

通过可视化建站工具强大的编码功能创建自定义响应式网站

Webflow是一款领先的可视化网页设计和开发工具。它允许用户在可视化画布上设计网站布局和样式,并自动生成优化的HTML、CSS和JavaScript代码。Webflow提供强大的定制能力,可以创建复杂的动画、丰富的内容页面和自定义组件。它还提供内容管理、SEO优化、团队协作等功能,适用于自由职业者、代理机构和企业。Webflow主打响应式设计,可确保网站在各种设备上都有良好的浏览体验。定价方面,Webflow提供免费入门计划,付费专业计划解锁更多高级功能。

ComfyUI和N-Sidebar的组合，用于创建舒适的用户界面和导航栏

ComfyUI-N-Sidebar是一个开源项目，它结合了ComfyUI和N-Sidebar两个库，旨在为用户提供一个舒适且易于使用的用户界面和导航栏。该项目通过简化界面元素和优化交互设计，提高了用户体验。

使用Next.js、Drizzle等技术构建的Duolingo克隆版

这是一个使用Next.js 14、React、Drizzle ORM、Stripe等技术构建的Duolingo克隆版网站。主要功能包括：AI语音学习、美化的组件系统、角色扮演、用户认证、声音效果、心形生命系统、积分/经验值系统、旧课程复习夺回心形、排行榜、任务里程碑、商店系统、付费无限心形、登陆页面、管理员仪表盘、ORM使用Drizzle、PostgresDB使用NeonDB、Vercel部署、移动端响应式等。定位为一款综合语言学习网站。

自动化前端工程的设计与代码转换工具

Design2Code是一个探索自动化前端工程可能性的工具，它旨在将设计转化为代码，以提高开发效率和准确性。

使用AI生成SVG向量图像

Vecentor是一个基于人工智能技术的SVG生成工具，能够帮助用户快速生成创意向量图像。它使用了生成式AI模型和大型语言模型，提供了多种默认风格的可编辑SVG图像，并可用于编码项目。

AI-native项目管理

Iteration X是一个AI-native项目管理应用和问题追踪器，专为前端重型产品团队设计。它能够帮助团队在设计、软件、产品等方面创建和执行任务，并提供上下文感知的AI副驾驶员、一键视觉捕捉和强大的问题追踪仪表板。

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

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

React可视化开发工具

MightyMeld是一款React可视化开发工具。它可以通过拖放、点击和提示的方式快速构建UI界面,同时生成看起来由你自己编写的代码。主要功能包括:实时同步本地代码,直观的Tailwind样式编辑器,拖放组件库,强大的AI辅助功能等。适用于各类React开发者,可以大幅提升开发效率。