Onlook
Visual editor for designing Next.js and Tailwind apps with AI and real code
What it is
A browser-based editor that loads a Next.js and Tailwind project into a container, shows a live preview, and maps each element back to its source so visual edits are written straight into the code. It offers a Figma-like layers panel, a Tailwind style toolbar, drag-and-drop layout changes, an AI chat that reads and edits the codebase, checkpoints, branching, and one-click deploys with custom domains. Designers and front-end developers use it to build prototypes and sites from text, images, or templates without leaving working code.
