Onlook

Refine your app visually while working in real code.

Visit websiteOpen source · Open source + hosted plans
DesignVisual editingUI designOpen sourceYC Winter 2025Editorial listing

Added by ShowMeYourSaaS from public product information.

About Onlook

Onlook brings visual editing into a code-based product workflow. Builders can work on an interface directly rather than describe every spacing or style change in a separate design handoff. It combines a visual editor with AI assistance and access to the underlying code. For a vibe-coded app, start with one important screen and review responsive behavior, navigation, and interaction states after each change. The self-hosted project is available free; the hosted offering is arranged with the team. Check framework support and the setup your project requires before importing a production repository. Onlook participated in YC Winter 2025.

Visual changes in code

Adjust an application interface with visual controls while retaining a code-based project.

AI-assisted interface work

Use AI assistance alongside direct editing to explore and refine a screen.

Self-hosted or hosted workflow

Run the open-source project yourself or discuss the hosted workflow and team requirements with Onlook.

Build, then get discovered

3 articles

Practical guides for taking your own app from a working product to its first users.

FOUNDER GUIDE

SaaS user activation: help new users reach their first useful result

Read article
FOUNDER GUIDE

Marketing 101 for vibe coders: a practical path to your first users

Read article
FOUNDER GUIDE

How to find your first users for a vibe-coded app

Read article