AIbase

Onlook
Onlook
Onlook 适合设计师和前端开发者，尤其是那些需要快速将设计转化为代码、希望在设计过程中实时看到代码变化以及需要高效协作的团队。它也适合那些希望在本地环境中安全地进行代码编辑的专业人士。
AI设计工具开发与工具#设计#开发#AI#React#可视化编辑国外精选商用
总访问量： 97,297
占比最多地区： US(41.87%)
1,296
产品介绍
网站流量
同类开源产品
替代品
简介
Onlook 是一款专为设计师和开发者打造的工具，通过可视化界面编辑 React 网站或 Web 应用，并实时将更改写回代码。它利用 AI 技术，让设计与开发无缝衔接，用户可以在类似 Figma 的界面中调整布局、颜色、文本等，无需复杂设置。Onlook 支持本地代码编辑，确保数据安全，同时兼容现有开发流程，无需迁移或添加新组件。其开源特性也使得用户可以随时审计代码，了解其工作原理。
截图
产品特色
可视化编辑 React 网站，实时将更改写回代码，实现设计与开发的无缝衔接。
支持 AI 辅助设计，帮助用户快速构建、设计和实验前端交互。
提供丰富的设计调整功能，包括布局、颜色、文本等，无需复杂设置。
本地代码编辑，确保代码安全，不离开本地设备。
兼容现有开发流程，无需迁移或添加新组件，无缝融入现有项目。
使用教程
1. 访问 Onlook 官网并下载桌面客户端（支持 Apple Silicon 和 Windows）。
2. 安装完成后，打开应用并导入现有的 React 项目或创建新项目。
3. 在可视化界面中选择需要编辑的组件，调整布局、颜色、文本等属性。
4. 观察右侧代码实时更新，确保设计更改准确反映在代码中。
5. 保存更改并继续开发，所有代码均保留在本地设备。
流量来源
直接访问53.70%外链引荐22.82%邮件0.07%
自然搜索16.83%社交媒体5.71%展示广告0.87%
最新流量情况
月访问量
37.98k
平均访问时长
56.34
每次访问页数
1.64
跳出率
50.42%
总流量趋势图
地理流量分布情况
美国
41.87%
印度
8.77%
日本
5.79%
摩洛哥
4.99%
印度尼西亚
4.45%
地理流量分布全球图
同类开源产品
Typiq
Typiq是一款通过AI生成完美字体搭配和响应式排版的工具。
AI设计工具#排版
Landscapingai.site
LandscapingAI是一款基于AI技术的景观设计可视化平台，用户可以上传房产照片，快速看到改造后的效果。
AI设计工具#AI
Perfectheadshots
Perfect AI Headshots是一个通过上传自拍照片即可在几分钟内获得40多张专业AI头像照片的网站。
AI设计工具#AI
Face Shape Detector
AI面部形状检测器是一个利用人工智能技术快速准确检测面部形状的工具，帮助用户选择适合自己的美容和风格决策。
AI设计工具#人工智能
Octocomics
AnimeShorts是一款AI动漫创作工具，可以将漫画转换为动态短片，并优化剧本。
AI设计工具#AI
Minion Agent
优质新品
Minion Agent 是一个简单而强大的代理框架，能够与浏览器交互，支持深度研究、自动规划等功能，适用于需要进行复杂任务和研究的用户。
开发与工具#深度研究
Scrapybara
Scrapybara为开发者提供统一的API，以执行任何模型的代理，并访问浏览器、文件系统和代码沙箱等低级控制。
开发与工具#AI代理
Style Art AI
Style Art AI是一款结合了最新的ChatGPT 4o模型和各种艺术风格的工具，可以通过简单描述或上传图片，在任何风格下创建令人惊叹的艺术作品。
AI设计工具#艺术风格生成器
Imgedify
ImgEdify是一家专业的AI图像编辑平台，提供一体化的图像创作与编辑套件，包括风格转换、虚拟试衣、文字转图像等功能。
AI设计工具#图像编辑
替代品
Minion Agent
优质新品
Minion Agent 是一个简单而强大的代理框架，能够与浏览器交互，支持深度研究、自动规划等功能，适用于需要进行复杂任务和研究的用户。
开发与工具#深度研究
Legogpt
LegoGPT 是第一个通过文本提示生成物理稳定的乐高模型的方法。
AI设计工具#设计
Agent As A Judge
Agent-as-a-Judge 是一种新型的自动化评估系统，旨在通过代理系统的互相评估来提高工作效率和质量。
开发与工具#奖励信号
魔法AI绘画
优质新品
魔法 AI 绘画是一款利用最新的人工智能技术，支持多种生成模式的图像生成工具。
AI设计工具#绘画
Firecrawl MCP Server
Firecrawl MCP Server 是一款集成了强大网页抓取功能的插件，支持多种 LLM 客户端如 Cursor 和 Claude。
开发与工具#数据提取
MCP SuperAssistant
MCP SuperAssistant 是一个 Chrome 扩展，集成了模型上下文协议（MCP）工具，使用户能够直接从 AI 平台执行 MCP 工具，并将结果插入对话中。
开发与工具#AI 助手
Pad.ws
pad.ws 是一个白板应用程序，它将绘图和编码环境结合在一起。
AI设计工具#白板
Xcodebuildmcp
XcodeBuildMCP 是一个实现模型上下文协议（MCP）的服务器，旨在通过标准化接口与 Xcode 项目进行程序化交互。
开发与工具#开发工具
AI Playground
AI Playground 是一个开源项目，旨在为用户提供 AI 图像创建、图像风格化和聊天机器人的功能。
AI设计工具#图像生成
精选AI产品推荐
Nocode
中文精选
NoCode 是一款无需编程经验的平台，允许用户通过自然语言描述创意并快速生成应用，旨在降低开发门槛，让更多人能实现他们的创意。
开发平台#应用开发
912
Listenhub
优质新品
ListenHub 是一款轻量级的 AI 播客生成工具，支持中文和英语，基于前沿 AI 技术，能够快速生成用户感兴趣的播客内容。
音频生成#AI
348
Lovart
国外精选
Lovart 是一款革命性的 AI 设计代理，能够将创意提示转化为艺术作品，支持从故事板到品牌视觉的多种设计需求。
AI设计工具#创意工具
1,128
Fastvlm
FastVLM 是一种高效的视觉编码模型，专为视觉语言模型设计。
AI模型#图像处理开源
564
Smart PDFs
国外精选
Smart PDFs 是一个在线工具，利用 AI 技术快速分析 PDF 文档，并生成简明扼要的总结。
文章摘要#AI
984
Keysync
KeySync 是一个针对高分辨率视频的无泄漏唇同步框架。
视频编辑#视频处理开源
480
Anyvoice
AnyVoice是一款领先的AI声音生成器，采用先进的深度学习模型，将文本转换为与人类无法区分的自然语音。
音频生成#文本转语音
26.38k
Liblibai
中文精选
LiblibAI是一个中国领先的AI创作平台,提供强大的AI创作能力,帮助创作者实现创意。
AI模型#图像生成
344.42k