The Last-Mile Editor for your Code

Edit visually. Run it live. Own your code.

Not a mockup — the real, running app. Import any repo, restyle it live on a canvas, ask AI on your own key, then commit straight to your Git. The code stays yours: open source, local-first, no lock-in.

Scroll

Why Nova

AI builders lock you in. IDEs make you type.
Nova does neither.

Most tools force a trade: a prompt box that hides your code, or an editor with no canvas. Nova gives you the canvas, the code, the live app, and AI — over files that never stop being yours.

Edit anything, not just React

HTML, JSX, TSX and Tailwind — any framework, any repo, even a single pasted component. Not locked to one stack.

Run the real app, live

Boot the entire project in the browser and edit it as it actually runs — not a faked preview of a static mock.

Your code, your Git, your keys

Local-first and fully open source. Files live on your disk, changes go through your Git, AI runs on your device or your own key. No backend, no lock-in.

Free AI, on your device

Nova Lite runs a coding model right in your browser — free, private, no key. Want more power? Bring your own key, or upgrade to a managed Nova model. Either way it edits your real files and the canvas updates instantly.

Visual edits stay free

Direct manipulation never burns a token. Use AI when you want leverage, your mouse when you don't — you choose the cost.

One tab, the whole loop

Design, code, run, and commit in a single place. No export step, no handoff, no context-switch between tools.

How it works

From import to pull request, in your browser.

01

Import

Clone a full GitHub repo, open a folder from disk, or paste a component. Nova works in your browser — no upload, no account.

02

Edit visually — or with AI

Click any element and shape real CSS with a full inspector, or ask the built-in AI to make the change. Edits round-trip to source.

03

Run it, then ship

Boot the whole app live in the browser, review a clean diff, then commit, push, or open a pull request — without leaving the tab.

A real editor, not a toy.

Webflow-grade controls over live code. Layout, spacing, typography, color, effects — with a layer tree, breakpoints, preview, and a built-in code editor.

nova · editor

Direct manipulation

Select, restyle, and rewrite text right on the rendered page — what you see is the real DOM.

Layer tree + code

Navigate nested structure, collapse branches, and jump straight to the source line in the built-in editor.

Responsive by design

Design across desktop, tablet, and mobile breakpoints, then flip into a true preview mode.

A full design panel

Style + Settings tabs, flexbox & grid, an assets manager, and a drag-in palette of sections, buttons, and more.

Comment & collaborate

Pin comments anywhere on the canvas, and invite teammates as editors, commenters, or viewers — synced in the cloud.

Code, not lock-in

Nova edits your files, not a proprietary format. Leave any time with code that reads like you wrote it.

Works with

Built for real codebases.

A marketing page, a component library, your docs, or a whole repo — Nova opens the code you already have. HTML · JSX · TSX · Tailwind.

Marketing
Landing pages
Button
JSX / TSX
Component libraries
Static HTML
Docs & content
main
src/
App.tsx
styles.css
package.json
GitHub
Whole repositories

Compare

How Nova compares.

The only editor that runs your real app and ships to your own Git.

Scroll the table sideways to compare →

How Nova compares to Tempo, Onlook, and CSS Studio across framework reach, running your real app in the browser, Git round-trips, where AI runs, whether visual edits cost tokens, code ownership, and pricing. A check means yes, a half-filled circle means partial or caveated, and a dash means no.
Feature Nova Tempo Onlook CSS Studio
Framework reach (today) Framework-agnostic* — React, Next.js, Vite, HTML, JSX/TSX, Tailwind + CSS · any repo React + Vite + Tailwind Next.js + Tailwind React, HTML, Vue, Svelte, Angular, Tailwind
Runs your real app in the browser Yes — WebContainers — plus a native runner when projects outgrow the tab No No — Points at your localhost No — You run it
Round-trips to your own Git Yes — Commit, push & PRs Partial — Partial Yes — Writes to your local code Yes — Via your agent
Where AI runs On your device, or your own key Tempo servers (credits) Hosted AI Your own agent
Visual edits cost tokens Never Varies Varies No — agent writes
Code ownership Your Git — open source Its starter-repo format Your local code — open source Your code, agent writes
Pricing Free · Pro $8/mo Free / $30 / $4,500 mo OSS free · cloud sales-led $99 one-time

* Nova runs any framework with a dev or start script — Vite, Next.js, CRA, Astro, Remix, Nuxt, SvelteKit, Gatsby, Angular and more. Full click-to-edit today covers React / Next.js (JSX/TSX) and static HTML; other frameworks run live and stay editable in Code view.

Comparison based on each tool’s public docs as of June 2026. Competitors evolve — corrections welcome.

Pricing

Free to build. Pay only to sync.

The editor is free forever — your code, your keys, your machine. Upgrade when you want your projects backed up and synced across every device.

Free

Everything you need to edit and ship.

$0 forever
  • Visual + code editor, unlimited projects
  • Run apps live in the browser
  • Nova Lite — free AI that runs on your device
  • Or bring your own key for Claude, GPT & more
  • Commit, push & PRs to your GitHub
  • Invite unlimited viewers & commenters
Start free
Recommended

Pro

Your work, backed up and synced everywhere.

$8 /month
  • Everything in Free
  • Cloud backup of every project
  • Real-time sync across devices & browsers
  • Offline edits sync when you reconnect
  • Nova Pro — managed AI, no key to set up (soon)
Get Pro
Coming soon

Studio

Build together, with AI built in.

Soon
  • Everything in Pro
  • Invite unlimited editor collaborators
  • Real-time shared projects in the cloud
  • Nova Studio — our most capable managed AI

Prices in USD · cancel anytime. Cloud sync is the only paid feature today — the editor itself stays free.

Open source

Fork it, theme it, ship it.

Built to be modified, themed, and forked. It's all yours — go nuts; that's the whole point.

~/nova
$ gh repo fork useNova/nova-editor --clone
Cloned nova-editor into ./nova-editor
$ cd nova-editor && npm install
Packages installed in 6.1s
$ npm run dev
Nova ready → http://localhost:3000
$
AGPL 3.0
License · forks stay open
TypeScript
End-to-end, strictly typed
1 Codebase
Code Editor · canvas · AI
No telemetry
Nothing tracked. Ever.

Free to start · invite-only alpha

Turn any site into a canvas.