← 返回项目库

Onlook 可视化代码编辑器｜中文本地演示

Onlook 是面向设计师的可视化代码编辑器，本版本提供无需登录即可验收的中文本地演示入口。

演示入口复用 Onlook 的编辑器信息架构，支持设计、代码、预览模式切换，图层选择、强调色调整和保存状态反馈。演示数据只存在浏览器状态中，不冒充真实账号、云端项目或外部 AI 服务。

真实界面

项目截图

共 6 张

设计编辑器
预览模式
代码模式
按钮图层
橙色强调色
未保存更改

Capabilities

核心功能

✓中文本地预览入口
✓设计、代码、预览模式切换
✓图层选择与属性反馈
✓强调色调整与未保存状态
✓无外部服务依赖的浏览器验收路径
✓Next.js + React + TypeScript 源码

适用场景

本地演示视觉编辑器的核心交互
评估 Next.js 可视化编辑器信息架构
以开源源码为起点进行二次开发

适合谁

需要评估可视化网页编辑器、前端产品原型或 Next.js 二次开发起点的开发者与小团队。

商业化思路

Apache-2.0 开源源码交付与二次开发服务；真实 AI、账号、数据库、沙盒和托管能力按上游配置使用。

你会拿到什么

  • ✓中文本地预览源码
  • ✓上游 LICENSE.md、README 与源码包
  • ✓构建、功能、截图、审查和发布回读证据

部署流程

  1. 1执行 bun install --no-save --ignore-scripts
  2. 2执行 SKIP_ENV_VALIDATION=true bun run build
  3. 3使用 PORT=24200 SKIP_ENV_VALIDATION=true bun run start 启动
  4. 4访问 /preview 进入中文本地演示

真实验证结果

已通过 Bun 单元测试、确定性生产构建、中文本地预览 HTTP 运行、六张独立状态截图、截图门禁、坏图检查、横向溢出检查和外部推广扫描。

部署前须知

真实登录、AI、数据库、项目沙盒和发布功能仍依赖上游外部服务配置；本版本仅对中文本地预览交互作确定性声明。

部署难度

中等

最低配置

可运行 Bun、Next.js 的 Linux 或 macOS 环境；本地演示无需数据库。

开源许可证

Apache-2.0

最后验证

2026-09-02

技术栈

Next.jsReactTypeScriptTailwind CSSBun

授权说明

保留上游 LICENSE.md；源码包同步披露上游地址和本窗口新增的本地预览适配。

Release notes

版本记录

1 个已发布版本

vcn-c6d3342d0c0e 当前推荐

新增中文本地预览入口，补齐设计/代码/预览、图层、强调色和保存状态的可重复验收路径；清理促销扫描命中。

部署要求：Bun、Next.js 构建运行环境；本地演示不需要数据库或外部 API 密钥。

已知问题：不把本地演示数据、离线状态或 UI 反馈宣称为真实账号、云端项目或外部服务成功。

登录后领取