前端开发

Heroicons图标

一套高质量的开源图标库,由 Tailwind CSS 团队和 Refactoring UI 团队分别维护不同版本,所有图标均遵循 MIT 许可协议,允许免费用于个人和商业项目。

Iconbuddy

一个免费开源SVG图标搜索引擎,用户可以搜索、下载、定制和编辑超过 200,000 个开源 SVG 图标,完全免费。它为设计师和开发者提供了丰富的资源。

Mesher

一个渐变背景色彩CSS在线生成工具,用户可以通过Mesher,让你只用 CSS 代码就能做出很炫的网格渐变背景。

Superflex

Superflex 是一款面向前端开发的 AI 工具,可将 Figma 设计、图片或文字描述快速转换为高质量代码,支持 React、Vue 等主流框架。具备代码风格匹配、智能补全、实时生成等功能,集成于 VSCode,提升开发效率。适用于原型开发、团队协作、竞品模仿及项目重构等多种场景。

HeroUI Chat

HeroUI Chat 是一款基于 AI 技术的工具,可根据文本提示或截图生成高质量的 React 用户界面代码。它简化了前端开发流程,支持快速原型设计、提升开发效率,并与 HeroUI 开源库无缝集成。适用于设计师与开发者协作,适用于小型项目快速启动和复杂界面开发,是提升生产力的重要工具。

amis

amis 是百度开源的低代码前端框架,通过 JSON 配置快速生成后台页面,支持表单、表格、图表、CRUD 等功能。提供可视化编辑器、主题自定义、国际化和权限管理等企业级特性,兼容 React 和 HTML 项目,适用于后台系统、数据可视化、原型设计等多种场景,显著提升开发效率。

Same.dev

Same.dev 是一款基于 AI 的前端开发工具,能够将网页截图、设计文件或链接转化为高质量的前端代码。它支持多种输入方式,具备智能元素识别、代码优化、自适应布局等功能,并提供调试与一键部署支持。适用于快速原型开发、前端开发辅助、学习与教学、设计协作等多个场景,提升开发效率与协作体验。

Flame

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

Builder.io

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

Reweb

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