CSSPicker

AI 代码生成器

浏览器插件

AI 代码生成器可将屏幕截图、设计草稿和提示转换为前端代码。它支持 HTML/Tailwind、React、Vue、Bootstrap 和 Ionic，通过无缝地将视觉设计转化为功能代码来加速开发。该工具可作为 AI 驱动的 UI 构建器和 UI 开发的可视化学习辅助工具。

Screenshot to Code

AI GitHub 仓库

#36

将截图、模型图、Figma 设计和屏幕录像转换为干净、功能性的代码。支持 HTML、Tailwind、React 和 Vue。提供本地执行或托管应用以供快速试用。集成多个 AI 模型以提高准确性和资源提取。

Tips.io

AI 应用

为 Tailwind CSS 爱好者设计的 AI 驱动的网站构建器。它秉持低代码理念，简化了干净 HTML 网站的创建过程，提供智能编辑器（支持 Tailwind 类自动补全）、AI 内容生成和可重用组件等功能。无需复杂的后端设置，即可快速构建简洁的网站。Tips.io 是一款为 Tailwind CSS 爱好者设计的 AI 驱动的网站构建器。它秉持低代码理念，简化了干净 HTML 网站的创建过程，提供智能编辑器（支持 Tailwind 类自动补全）、AI 内容生成和可重用组件等功能。无需复杂的后端设置，即可快速构建简洁的网站。

Editor.do

AI 应用

提供了一个全方位的解决方案，用于创建、编码、托管和部署静态网站。它拥有一个功能齐全的 IDE，支持实时代码执行、AI 助手、拖放式可视化构建器以及集成的网页托管服务，并提供免费 SSL 证书和自定义域名支持。Editor.do 提供了一个全方位的解决方案，用于创建、编码、托管和部署静态网站。它拥有一个功能齐全的 IDE，支持实时代码执行、AI 助手、拖放式可视化构建器以及集成的网页托管服务，并提供免费 SSL 证书和自定义域名支持。

VisualSnag

AI 应用

将视觉参考转换为适合 AI 的设计提示、CSS 变量和设计令牌。上传截图或网址以生成样式简报、CSS 变量和与流行平台兼容的 AI 提示。VisualSnag 将视觉参考转换为适合 AI 的设计提示、CSS 变量和设计令牌。上传截图或网址以生成样式简报、CSS 变量和与流行平台兼容的 AI 提示。

TeleportHQ 网站构建器

AI 应用

#32

由 AI 驱动的低代码网站构建器，使用户能够创建自定义的专业网站。它具有可视化编辑器、无头 CMS 集成和代码导出功能，可实现静态网站和 UI 组件的快速设计、开发和扩展。TeleportHQ 是一款由 AI 驱动的低代码网站构建器，使用户能够创建自定义的专业网站。它具有可视化编辑器、无头 CMS 集成和代码导出功能，可实现静态网站和 UI 组件的快速设计、开发和扩展。

CORE Phoenix Code

AI 应用

#138

CORE开发了以AI为先的开发者工具，包括Phoenix Code，一个具有实时预览、Git集成和扩展功能的开源编辑器。它在代码编辑的同时提供设计理解，使网页开发直观高效。

Tailwind Builder

AI 应用

#98

由 AI 驱动的可视化工具，用于创建 Tailwind CSS 网站和 UI。它提供基于提示的 AI 生成、庞大的模板库以及拖放式编辑器。可导出适用于 React、Vue、Svelte 和 HTML 的生产就绪代码，从而加速 Web 开发。Tailwind Builder 是一款由 AI 驱动的可视化工具，用于创建 Tailwind CSS 网站和 UI。它提供基于提示的 AI 生成、庞大的模板库以及拖放式编辑器。可导出适用于 React、Vue、Svelte 和 HTML 的生产就绪代码，从而加速 Web 开发。