Onlook

Onlook

专为前端设计师和开发者打造的视觉编辑工具

发布时间:2025.05.10

立即使用

产品介绍

Onlook是什么

Onlook是一款开源的UI编辑工具,专为前端设计师和开发者量身打造。Onlook通过可视化编辑和AI辅助设计,实现设计与开发的无缝衔接,用户可以通过可视化的方式设计React用户界面,并将编辑内容实时转换为React代码。Onlook支持本地运行,集成了Tailwind CSS,方便用户进行实时设计调整。Onlook在GitHub上备受欢迎,助力用户创建创意原型、构建产品和托管网站。

Onlook功能特点

✅ 可视化编辑:

Onlook支持用户通过拖拽的方式设计UI,无需编写代码,实时查看编辑效果。

✅ AI辅助设计:

Onlook提供AI驱动的设计支持,可以帮助用户快速构建、设计和实验交互前端。

✅ 多框架支持:

Onlook支持React和TailwindCSS框架,未来计划扩展到更多框架。

✅ 本地化运行:

Onlook在用户本地环境中运行,可以确保数据安全,避免迁移或添加新组件。

✅ 跨平台支持:

Onlook可以适用于不同操作系统,支持MacOS、Windows、Linux平台。

✅ 实时生成代码:

Onlook设计完成后,用户可以直接获取React组件的代码,便于集成到项目中。

✅ 丰富布局样式:

Onlook提供多种设计调整选项,包括对布局、颜色、文本等元素的修改,无需复杂设置。

✅ 开源社区支持:

Onlook是一个活跃的开源项目,用户可以通过GitHub仓库获得贡献者、开发者和设计者的支持。

Onlook如何使用

Onlook提供桌面客户端和开源部署选项,用户可以根据需求选择使用方式。

1、下载安装Onlook桌面客户端

Onlook提供Windows、MacOS、Linux桌面客户端,可以访问Onlook官网获取最新版客户端下载地址。

  • Onlook官网:https://onlook.com/

2、本地部署运行Onlook

Onlook已在Github上开源代码库,支持将Onlook部署到本地运行。

  • Onlook Github仓库:https://github.com/onlook-dev/onlook

相关AI

更多
数眼智能
数眼智能

专为AI应用打造的API平台,一站式满足您所有的AI开发需求

memU Bot
memU Bot

基于memU记忆框架打造的AI智能体助手,7×24小时全天候主动式执行任务

Windsurf
Windsurf

Codeium团队打造的AI编程助手

OpenClaw
OpenClaw

开源的自托管AI智能体助手,曾用名Clawdbot、Moltbot

Codearts代码智能体
Codearts代码智能体

华为云Codearts平台推出的AI编码智能体

CodeArts
CodeArts

华为云一站式、全流程软件开发生产线,开箱即用

Pencil.dev
Pencil.dev

基于MCP的画布式AI辅助设计工具,可以集成在IDE中,设计与代码一体化

相关专题

更多
deepseek在线提问
deepseek在线提问

本合集汇总了DeepSeek在线提问技巧与免登录使用入口,助你快速上手AI对话、写作、分析等功能。阅读专题下面的文章了解更多详细内容。

6

2026.02.27

无禁词AI聊天软件下载大全
无禁词AI聊天软件下载大全

本合集精选多款免费、无违禁词限制的AI聊天软件,支持自定义角色、剧情畅聊,体验真实互动感。阅读专题下面的文章了解更多详细内容。

44

2026.02.27

ai志愿助手2026
ai志愿助手2026

本合集汇总了2026年主流AI志愿助手官方入口及官网地址,涵盖圆梦志愿、蝶变志愿等智能填报平台,助你高效精准填志愿。阅读专题下面的文章了解更多详细内容。

3

2026.02.27

豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法
豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法

本专题汇总豆包AI官方网页版入口及在线使用方式,涵盖智能写作工具、图片生成体验入口和官网登录方法,帮助用户快速直达豆包AI平台,高效完成文本创作与AI生图任务,实现便捷智能创作体验。

1140

2026.02.12

Vue3组合式API与组件开发实战
Vue3组合式API与组件开发实战

本专题讲解 Vue 3 组合式 API 的核心概念与应用技巧,深入分析响应式系统、生命周期管理、组件设计与复用策略。通过完整项目案例,指导前端开发者实现高性能、结构清晰的 Vue 应用,提升开发效率与代码可维护性。

37

2026.02.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号