前端开发

Mesher

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

CopyWeb

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

amis

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

CodeArena

CodeArena是一个在线平台,用于实时比较多个大型语言模型(LLM)的代码生成能力。它通过实时渲染和排名机制,帮助开发者评估LLM的性能,包括代码的可读性、效率和准确性。CodeArena集成了开发者工具,支持企业选型、学术研究、编程教育和技能提升等多种应用场景。

UIGEN

一个基于 Qwen2.5-Coder-7B 模型微调的开源 UI 设计生成工具,能够根据用户输入的提示生成结构清晰且符合标准的 HTML 和 CSS 代码

Flame

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

Builder.io

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

Iconbuddy

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

Heroicons图标

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

Onlook

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