All 162 Dependencies
Every package Onlook depends on, ranked by repo health score.
Onlook is a browser-based visual code editor for React applications that eliminates the gap between design and engineering. It instruments your Next.js and TailwindCSS codebase at the AST level, mapping every rendered DOM element back to its exact source location. When you drag, resize, or restyle an element in the Figma-like canvas, Onlook rewrites the corresponding JSX and Tailwind classes in real time — and when you use the AI chat, it runs code-modifying tools directly inside the same sandboxed container.
The editor is built around a branching model: each design experiment lives in its own isolated sandbox, and checkpoints let you save and restore work without affecting the main branch. An embedded code editor (CodeMirror) sits side-by-side with the visual canvas so developers can drop into raw code at any time. The project ships with GitHub integration for importing existing codebases, a one-click deploy flow via Freestyle hosting, and custom domain support — making it a full-cycle design-to-production environment.
Under the hood, Onlook is a Bun-managed monorepo combining a Next.js web application, a Supabase backend, a Drizzle-powered database layer, and more than fifteen focused packages covering AI streaming, AST parsing, font management, image serving, RPC routing, and Stripe billing. The AI layer uses the Vercel AI SDK with OpenRouter as the model gateway, routing CREATE and FIX tasks to GPT-5 and conversational EDIT and ASK tasks to Claude Sonnet, with Morph and Relace as fast code-apply providers.
Onlook is in early access for its hosted cloud product while remaining fully open source under Apache 2.0. It positions itself as a direct open-source alternative to Bolt.new, Lovable, v0, Figma Make, and Webflow for teams that want design velocity without sacrificing code ownership.
