---
id: "b842"
language: "zh"
library: "tools"
official_url: "https://github.com/onlook-dev/onlook"
profile_updated_on: "2026-10-22"
---

# Onlook

以源码为基础的 AI 可视编辑器，在 Next.js 与 Tailwind 项目中结合聊天生成、页面预览和样式调整。

- 公司／组织: On Off, Inc.
- 分类: 网页与UI设计
- 官方网站: [https://github.com/onlook-dev/onlook](https://github.com/onlook-dev/onlook)
- 档案更新: 2026-10-22


## 产品介绍

Onlook 的开源编辑器让用户在真实页面上选择元素、调整布局与 Tailwind 样式，并同步修改代码。AI 聊天可读取项目并创建或编辑界面，支持从文字或图片开始，也可导入现有 Next.js 项目，查看代码、页面与检查点。此入口链接开源仓库，其文档明确聚焦 Next.js 与 Tailwind；README 将另行建设的托管体验标为 early access，不应把两者的框架支持和开放状态混用。

## 使用入口

### 访问官网 · 网页与UI设计

以源码为基础的 AI 可视编辑器，在 Next.js 与 Tailwind 项目中结合聊天生成、页面预览和样式调整。

[访问官网](https://github.com/onlook-dev/onlook)

## 官方来源与参考资料

- [官方网站](https://github.com/onlook-dev/onlook)
- [官方文档](https://www.onlook.com/)

## 阅读与订阅

- [交互版档案](../../../products/onlook--b842.html)
- [阅读](../../../read/zh/products/onlook--b842.html)
- [JSON](../../../read/zh/products/onlook--b842.json)

介绍按公开资料整理；功能、价格与地区可用性以官网为准。