PulseDev vs Onlook.A design canvas, or your browser.
Open-source, visual-first code editor for designers, focused on Next.js and Tailwind. Here is how it lines up with PulseDev, using each product’s own docs.
What is Onlook?
Onlook calls itself an open-source, visual-first code editor where designers work in code. It maps DOM elements back to source so visual edits are written to your code, and it has an AI chat. Work is handed to developers as a branch to review and merge.
Onlook’s website and GitHub README describe the product slightly differently (form factor and AI providers). We list what each source says.
PulseDev is a macOS desktop app. It runs a small server on your machine for each project, a widget on your dev site, and the coding agent CLI you already use. You click an element and describe the fix. In review mode, PulseDev asks the agent to propose changes rather than edit files, and applies those proposed changes when you click Approve.
How do PulseDev and Onlook compare?
Facts from each product’s own pages, checked October 2026. Sources are listed below.
| Feature | PulseDev | Onlook |
|---|---|---|
| What it is | macOS desktop app plus one script tag (or the Vite plugin) on your dev site | Visual code editor (download or self-host; a hosted version is on a waitlist) |
| How it works | Click an element on your running site and describe the fix. The app sends the element’s selector, markup, styles, console errors, failed requests and a screenshot to your agent, which edits the source. | Your app renders on Onlook’s canvas. Onlook instruments the code to map elements to source, so visual edits and AI chat changes are written back to files. |
| Frameworks | Any dev server that renders HTML on localhost. Guides for 13 stacks. | Next.js and Tailwind first; the site also lists React, Vite, Storybook and shadcn/ui |
| Agent | Claude Code, Codex or Gemini CLI: the CLI you already have installed and signed in to | The site says “use the Claude or ChatGPT plan you already have”, with OpenCode coming soon |
| Where it runs | Local. One small server per project inside the app; the agent runs in your project folder. No PulseDev cloud. | Local-first or self-hosted, with a hosted cloud version on request |
| Reviewing changes | Review mode by default: PulseDev asks the agent to propose changes rather than edit files, and applies those proposed changes when you click Approve. Auto-apply is opt-in and each edit can be reverted. | Changes go to a branch for developers to review and merge |
| License | Closed source, commercial license | Open source, Apache 2.0 |
| Pricing | Free (1 project). Pro $12/mo or $96/yr. Founder Lifetime $149 once. | Free to download or self-host. Teams plan with custom pricing. |
When should you pick Onlook, and when PulseDev?
Onlook is a design tool: a canvas where designers drag, style and tweak, with code as the output. PulseDev is for the person who already has the site running and wants their agent to fix what they point at, in their own browser, with any stack. If your team’s designers want to edit Next.js and Tailwind visually, Onlook is aimed squarely at them.
Onlook is the better fit if
- Designers on your team want to edit layouts and styles directly on a canvas.
- Your project is Next.js with Tailwind.
- You want open source and design-token management.
PulseDev is the better fit if
- You want to stay in your own browser and dev server, on any stack.
- You want to send a plain-language fix to the agent CLI you already use.
- You want to review each proposed diff on the page.
Worth knowing: PulseDev runs on macOS only for now (Windows is coming), and it has no visual canvas or design-token editing. It is a way to point at a running page and hand the fix to your agent.
Where do these facts come from?
Checked October 2026. Products change; if something here is out of date, email [email protected] and we’ll fix it.
- onlook.comhttps://onlook.com
- Onlook pricinghttps://onlook.com/pricing
- GitHub: onlook-dev/onlookhttps://github.com/onlook-dev/onlook
- PulseDev: how your data flowspulsedev.app/security
- PulseDev pricingpulsedev.app/pricing
Other comparisons
- PulseDev vs React GrabOpen-source React package that copies an element’s file, component and HTML to your clipboard.
- PulseDev vs stagewiseOpen-source desktop IDE with its own coding agent, a preview browser and element selection.
- PulseDev vs AgentationReact toolbar that turns UI annotations into structured markdown, with an optional MCP server.
- PulseDev vs FrontmanOpen-source in-browser coding agent with framework integrations and a WordPress plugin.
- PulseDev vs Cursor Design ModeCursor feature for leaving notes on your running app in Cursor’s built-in browser.
- PulseDev vs Claude Code Desktop previewPreview and Browser pane in the Claude Code desktop app, with element selection for Claude.
Try it on your own site.Free for one project.
No credit card. Your agent, your plan.