前端

Townie

Townie是一款面向开发者的代码生成工具,通过智能化的代码补全和生成功能,帮助用户快速创建完整功能模块,并支持即时部署。它具备自动错误检测与修复能力,兼容多种框架,适用于快速原型开发、小型项目构建及功能模块测试等场景,显著提升开发效率。

MiniPerplx

MiniPerplx 是一款基于 Grok 2.0 模型的开源 AI 搜索工具,支持网页、视频、学术论文等内容的检索。它提供代码解释、天气查询、URL 摘要、位置搜索等多功能服务,采用 Next.js 和 Vercel AI SDK 构建,具备良好的用户体验。用户可访问 GitHub 自行部署,适用于学术研究、编程开发、新闻获取等多个场景。

Gemini Coder

Gemini Coder 是一款基于 Google Gemini API 的 Web 开发工具,支持通过自然语言描述快速生成完整应用代码,并提供实时编辑与预览功能。它整合了 Next.js 和 Tailwind CSS,提升开发效率与用户体验。兼容多种 Gemini 模型,适用于原型开发、教育学习、小型应用构建等场景,是提高开发速度和灵活性的实用工具。

Onlook

Onlook 是一款开源的视觉编辑工具,专为 React 应用设计,支持设计师和开发人员在浏览器中实时修改 UI 并自动生成代码,提升协作效率。所有操作在本地完成,确保数据安全,兼容 React 和 TailwindCSS,未来将扩展至更多框架。适用于快速原型设计、设计与开发协作、设计系统维护等场景。

Webdone

Webdone 是一款基于人工智能的网站构建平台,支持用户通过简单描述快速生成专业落地页和网站,无需编程或设计技能。其提供拖拽式编辑器和 Next.js 开发环境,支持高度定制化与性能优化,适用于初创企业、开发者、自由职业者及教育机构等多种场景,助力高效建站与内容管理。

Readdy

Readdy 是一款基于AI的设计工具,支持自然语言输入生成Figma级设计稿并导出React/Vue等前端代码,提升设计与开发效率。适合非专业用户、开发者及团队使用,提供多版本订阅方案,支持快速原型设计与电商页面开发,具备高可用性代码生成能力。

CopyWeb

CopyWeb 是一款 AI 驱动的网页克隆与代码生成工具,支持通过 URL、截图或 Figma 导入设计,生成响应式 HTML/CSS 代码并导出为 React、Vue 等前端框架。内置智能组件识别和代码优化功能,提升开发效率,适用于原型开发、响应式设计验证及教学演示等场景。

Reweb

Reweb 是一款面向开发者的 AI 可视化构建工具,支持基于 Next.js 和 Tailwind CSS 快速生成和定制用户界面。它结合 AI 生成能力与可视化编辑功能,允许从空白画布或 Figma 文件开始设计,并导出高质量代码。适用于快速原型设计、前端开发加速、设计与开发协作以及教学场景,提升开发效率并增强代码可扩展性。

Builder.io

Builder.io 是一款基于 AI 的可视化开发平台,支持将设计工具中的界面自动转换为可生产的前端代码,提升开发效率。其可视化编辑器适合非技术人员操作,支持无头 CMS 和 A/B 测试功能,适用于电商、营销页面及多品牌内容管理。平台兼容主流框架,提供多种定价方案,满足企业级应用需求。

Flame

Flame是一款开源的多模态AI模型,能够将UI设计截图转换为高质量的现代前端代码。它支持React等主流框架,具备动态交互、组件化开发和高代码质量的特点。Flame通过创新的数据合成方法提升代码多样性与准确性,适用于快速原型开发、提升开发效率及辅助学习等多种场景。其训练数据、模型和测试集均已开源,为前端开发提供了高效的工具支持。