Onlook

Freemium

Onlook est un éditeur de code visuel pour les designers et équipes produit, avec édition React en direct, modifications assistées par IA et auto-hébergement.

Visiter le Site Web

Qu'est-ce que Onlook ?

Onlook is a visual code editor for designers and product teams who want to work directly in a real codebase. It combines a canvas-based editing experience with code-first output, so the project’s code stays the source of truth while teams design, prototype, and iterate.

The site positions Onlook around live React components, an infinite canvas, and AI-assisted editing. It also emphasizes team use, real design systems such as Storybook, and open-source availability, with a hosted option available through the company’s sales flow.

Que peut faire Onlook ?

Visual editing on an infinite canvas

Work on an infinite canvas while editing live React components, with the code base remaining the source of truth.

AI-assisted changes

Use chat to modify selected elements and generate code assistance directly in the editing workflow.

Team collaboration

Collaborate with teammates in real time and keep work aligned to the same underlying product code.

Design system alignment

Bring in your team’s real design system, including Storybook-based components, so new work matches existing patterns.

Branching and version control

Manage branches and version history so teams can organize work and review changes across projects.

Code ownership and export options

Export work locally, publish it to GitHub, or host it at a link, with open-source access for teams that want to customize the tool.

Cas d'utilisation

“Website and prototype creation”

Create websites and prototypes directly in a real codebase when the design needs to reflect implementable product work instead of disconnected mockups.

“Component-level iteration”

Use the canvas and chat workflow to iterate on live React components while keeping implementation details visible as you work.

“Design-system-driven collaboration”

Bring a shared design system into the editor so teams can reuse established components and keep new work consistent with existing UI patterns.

“Team workflow and versioned editing”

Use branching, version history, and collaboration features to review changes with teammates and manage parallel work on the same project.

“Self-hosted and code-owned delivery”

Self-host the open-source product or export work to a local machine, GitHub, or a hosted link when you need ownership over the code.

Questions fréquentes

What is Onlook?

Onlook is an open-source visual editor for websites. The source describes it as a way for teams to create and style prototypes and websites without needing coding knowledge, while still working from code as the source of truth.

What can I use Onlook for?

The source says you can use Onlook to create websites, prototypes, user interfaces, and other visual work such as presentations and mockups. It is positioned around designing directly in real codebases.

Is there a free version of Onlook?

Yes. Onlook can be self-hosted for free on GitHub. For the hosted cloud version, the site asks users to contact the team or book a demo.

How do I use Onlook?

Onlook says you can design on an infinite canvas, select individual elements, and use chat to modify them. The product emphasizes that the code remains the source of truth throughout the workflow.

What pricing options does Onlook offer?

The pricing page lists a free Starter tier for individuals and small teams, and a Teams option with custom pricing. It also says existing paid plan users can continue using Onlook.

Informations rapides

Category: Visual code editor
Primary users: Designers, product teams, and developers
Platform: Web
Source domain: onlook.com
Pricing: Free self-hosted option; Teams uses custom pricing
Workflow: Infinite canvas, element selection, and chat-driven edits

Analyse du trafic de Onlook

Les données de trafic sont fournies à titre indicatif uniquement.

Visites mensuelles: 15,9 k
Classement mondial: #1 565 492
Taux de rebond: 37.1%
Durée moyenne de visite: 00:56
Pages par visite: 1.97
Évaluation du domaine: 58

Tendances du trafic

Visites mensuelles - 3
mai	17983
juin	11624
juil.	15893

Sources de trafic

Les analyses de trafic ne sont pas encore disponibles.

Principales régions

Alternatives à Onlook

Heym

heym.run

Heym est une plateforme d’automatisation de workflows d’IA, disponible avec son code source et auto-hébergée, qui permet de créer et d’exécuter des workflows agentiques avec un éditeur visuel. Elle aide les équipes d’automatisation, de plateforme et d’IA à orchestrer agents, RAG, validations et traces d’exécution sur leur propre infrastructure.

Tempo

tempolabs.ai

Tempo est un espace de travail collaboratif code-first destiné aux équipes produit. Son service Agent+ associe des agents IA et une revue humaine pour planifier, concevoir et livrer des fonctionnalités frontend sous React et React Native.

0011.ai

0011.ai est une plateforme de développement assisté par l’IA gérée, avec un workflow visuel dans le navigateur et un assistant pour Claude Code et OpenAI Codex dans le terminal. Elle inclut le suivi de l’utilisation, la gestion des fichiers de projet et la prise en charge de macOS et Windows.

AgentConnect

www.agentconnect.md

AgentConnect permet aux équipes d’intégrer des agents ACP comme Claude Code, Codex et Gemini CLI à Slack, Telegram, Discord et GitHub, afin qu’ils puissent prendre en charge des tâches dans les canaux où les équipes collaborent déjà. La solution est open source et auto-hébergeable, avec des rôles, des outils, une mémoire et des déclencheurs configurables pour les workflows des agents.

Fusecode

fusecode.cc

Fusecode est un abonnement de programmation IA pour développeurs et petites équipes, avec accès direct depuis la Chine aux canaux officiels pour les workflows Claude Code, Codex, Gemini et OpenClaw.

Zed

zed.dev

Zed est un éditeur de code multijoueur haute performance pour macOS, Linux et Windows, avec IA agentique, collaboration en temps réel et accès flexible aux modèles.