产品库

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

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

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

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

Dualite是一款安全的AI前端工程师，帮助开发人员快速构建可扩展的Web和移动应用。

Dualite是一个基于AI的开发工具，核心产品Alpha是一款AI前端工程师，可帮助开发人员快速构建可扩展的Web和移动应用。该工具旨在为SaaS公司和中小型企业提供安全、智能的解决方案。

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

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

使用AI生成定制的Tailwind组件

Tailwind AI是一个利用人工智能生成高质量定制Tailwind组件的工具。它能够根据用户需求自动生成符合设计规范的组件代码，提高Web设计效率。Tailwind AI提供定价计划供用户选择，适用于各种设计项目。

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

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

连接您的应用前端到您喜欢的代码代理，使用提示编辑您的Web应用UI。

stagewise是一个工具栏，可将您的应用前端与您喜欢的代码代理连接起来，让您使用提示编辑您的Web应用UI。它提供实时上下文给您的AI代理，使得编辑前端代码变得非常简单。

AI驱动的全栈Web应用开发沙盒

bolt.new是一个集成了人工智能技术的开发者沙盒，旨在帮助开发者快速启动、运行、编辑和部署全栈Web应用程序。它提供了多种模板和框架，支持开发者使用他们喜欢的技术栈创建项目。

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

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

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

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

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

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

将产品需求转化为精美设计，并提供生产就绪的前端代码，由先进AI驱动。

Readdy 是一款基于先进人工智能技术的产品设计工具。它能够将用户的产品需求快速转化为精美的设计，并生成与设计完美对齐的生产就绪前端界面代码。这大大缩短了产品从想法到实现的时间，降低了设计门槛，让即使没有设计技能的用户也能轻松创建专业设计。其主要优点包括高效的设计生成速度、无需设计技能即可操作以及提供可直接部署的代码，能够满足不同用户在产品设计和开发过程中的需求。

Figma插件，加速前端工作流

Frontender是一款将Figma设计转换为前端代码的插件，支持生成CSS、CSS-in-JS、Tailwind、HTML和JSX等多种代码形式。它可以帮助设计师简化工作流程，支持自定义Tailwind配置，并能处理混乱的Figma文件。Frontender可以将任何图层转换为前端代码，免费使用，每月提供15次免费转换。

AI助手前端即服务

AgentLabs提供定制化的AI助手前端即服务，内置认证、实时和异步I/O、文件上传等功能。可以构建聊天式AI助手，支持实时通信、后台任务、后端无关等特性。提供自助部署和云服务两种版本。

即时AI生成式设计工具

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

专业Web和AI图表

DGM是一款专业的图表应用，拥有丰富的功能和优势。它支持智能形状，可以在Web上发布图表，并利用视觉AI生成代码。产品定价灵活，定位于满足用户对高质量图表需求的专业人士。

从概念到Web应用，分钟级快速实现

Contember Studio是一个AI辅助的Web应用开发工具，通过简单描述您的应用概念，即可快速生成可运行的版本，并提供完整的代码下载。同时，它基于开源的Contember框架，给开发者提供了全面的控制权和自定义能力。Contember Studio能够快速转化您的应用概念为现实，无需繁琐的开发流程。

AI驱动的Figma到前端代码转换工具

Kombai是一个AI驱动的Figma到前端代码转换工具，能够将Figma设计转换为高质量的前端代码。它可以自动生成逻辑的div结构和React组件，并提供合适的flex样式、高质量的JavaScript代码、以及功能组件如按钮、输入框等。使用Kombai，您可以节省大量时间，实现像素级精确的设计转化，轻松将设计带入前端开发。

易用、灵活、高效的开源大模型应用开发框架。

Agently是一个开源的大模型应用开发框架，旨在帮助开发者快速构建基于大语言模型的AI agent原生应用。它通过提供一系列工具和接口，简化了与大型语言模型的交互过程，使得开发者可以更专注于业务逻辑的实现。Agently框架支持多种模型，易于安装和配置，具有高度的灵活性和扩展性。

将大型语言模型和聊天引入到 Web 浏览器中

Web LLM 是一个模块化、可定制的 JavaScript 包，可直接将语言模型聊天引入到 Web 浏览器中。一切都在浏览器内部运行，无需服务器支持，并且通过 WebGPU 进行加速。它可以为大家构建 AI 助手提供很多有趣的机会，并在享受 GPU 加速时保护隐私。此项目是 MLC LLM 的附属项目，MLC LLM 可以在 iPhone 和其他本地环境中本地运行 LLM。

将UI截图转换为详细设计提示的AI工具。

UIsnapper是一个AI工具，可以将UI截图转换为详细设计提示，帮助开发人员和设计师快速构建界面。它提供颜色、排版、间距和组件结构的详细分析，以及生成可以与AI工具配合使用的准确提示。

基于Stable Diffusion的图像生成Web界面

Stable Diffusion web UI是一个基于Stable Diffusion模型的Web界面，使用Gradio库实现，提供了多种图像生成功能，包括txt2img和img2img模式，一键安装和运行脚本，以及高级的图像处理选项，如Outpainting、Inpainting、Color Sketch等。它支持多种硬件平台，包括NVidia、AMD、Intel和Ascend NPUs，并提供了详细的安装和运行指南。

一键生成全栈Web应用

GPT Web App Generator是一款基于Wasp、React、Node.js和Prisma的全栈Web应用生成器。它可以帮助用户快速创建具有前后端功能的Web应用，包括React前端界面、Node.js后端逻辑和Prisma数据库集成。该应用通过使用GPT和Wasp全栈框架的魔力来生成代码，简化了开发过程。用户只需提供应用名称、描述、品牌颜色等基本信息，即可生成完整的Web应用代码。

AI驱动的网站设计、开发与管理服务

Wegic是一个创新的AI驱动的网站开发平台，旨在通过对话式交互简化网站设计、开发和管理过程。它利用最新的GPT-4o模型，能够在短时间内为用户提供高质量的多页面网站。Wegic的主要优点在于其易用性，即使是没有任何编程背景的用户也能轻松创建和维护网站。此外，Wegic还提供了丰富的设计模板和灵活的定制选项，满足不同用户的需求。其背景信息显示，该产品旨在解决传统网站开发过程中耗时、复杂的问题，通过AI技术提升效率和用户体验。Wegic的定位是为个人、小型企业和创意工作者提供一种简单、快捷的网站创建解决方案。

A directory for web development experts.

cursor.directory 是一个为网络开发专家设计的资源目录，它提供了一个平台，让专家可以分享他们对各种技术和工具的专业知识。它让提供了各种编程语言的Cursor配置文件和提示词库，提供提示词能够帮助 Cursor 编辑器更好地理解开发者的意图，为代码补全、错误修复和其他编辑功能提供更准确的支持。这些提示词涵盖了多种流行的编程语言和框架，如Python、React、TypeScript、Next.js、FastAPI等。同时，用户也可以通过提交自己的规则来贡献内容。这个平台特别强调了对TypeScript、Node.js、React等现代web开发技术的深入理解和最佳实践。

Build web apps lightning fast

Debuild是一个能够快速构建网页应用的工具，具有简单易用的界面和强大的功能。它提供了丰富的模板和组件，可以帮助用户快速构建出高质量的网页应用。Debuild还支持自定义代码和插件的集成，可以满足各种不同的需求。定价灵活，适用于个人开发者和小型团队。

前端组件助手

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

在线设计神器，海量版权素材模板。

稿定设计是一款在线快速图片和视频编辑工具，提供海量版权素材模板，用户无需 PS 技能也能轻松搞定设计需求。具有三秒抠图功能，适用于海报、简历、PPT、公众号配图、电商等各种设计场景。产品定位于提供便捷、快速的设计服务，同时提供海量正版授权资源，商用无忧。定价灵活多样，满足不同用户需求。

设计转开发票据工具

Ticket Artisan 是一款将设计直接转换为开发票据的工具。它使用人工智能技术，将上传的设计文件转换成开发需求的用户故事，帮助团队更高效地进行开发工作。Ticket Artisan 可以分析设计，生成用户故事，并将结果返回给用户。