Scripts2026年4月9日·1 分钟阅读

Onlook — Visual AI Code Editor for React Apps

Open-source Figma-like visual editor for building React and Next.js apps with AI. Edit visually and code syncs in real-time. Design branching, team collab, deploy. Apache-2.0, 25,000+ stars.

AI
AI Open Source · Community
快速使用

先拿来用,再决定要不要深挖

这里应该同时让用户和 Agent 知道第一步该复制什么、安装什么、落到哪里。

  1. 访问 onlook.com 开始使用

  2. 或本地运行:

git clone https://github.com/onlook-dev/onlook.git
cd onlook
  1. 打开 Next.js + TailwindCSS 项目,开始可视化编辑。

简介

Onlook 是一个开源可视化代码编辑器,GitHub 25,000+ star,被称为"设计师的 Cursor"。提供类 Figma 界面编辑 Next.js 和 TailwindCSS 项目,可视化更改实时同步到代码。支持 AI 从文本或图片生成应用、设计分支、团队协作、一键部署。适合想要可视化构建 React 应用同时保持代码质量的设计师和前端开发者。


Onlook — 设计师的 Cursor

核心功能

  • AI 应用生成 — 描述或上传图片→生成可用应用
  • 可视化 DOM 编辑 — 点击、拖拽、样式化组件
  • 实时代码同步 — 可视化更改立即更新源代码
  • 设计分支 — 安全实验不影响主分支
  • 团队协作 — 实时多人编辑
  • 一键部署 — 部署并分享链接

FAQ

Q: Onlook 是什么? A: 开源可视化代码编辑器,类 Figma 界面编辑 React/Next.js 应用,代码实时同步。

Q: 免费吗? A: 完全免费开源(Apache-2.0)。


🙏

来源与感谢

Created by Onlook Dev. Licensed under Apache-2.0.

Onlook — ⭐ 25,000+

讨论

登录后参与讨论。
还没有评论,来写第一条吧。

相关资产