​
Overview

Local Mode keeps your visual edits in Tempo and your code edits in an IDE perfectly in-sync.
Choose the method that fits your workflow:

  1. NPX Command – zero install, ideal for quick one-offs or CI 
  2. Local Mode Extension – rich, two-way sync baked into VS Code, Windsurf, and Cursor

Both methods create a live copy of your Tempo project on disk; save in your editor and watch Tempo update in real time.

​
Quick Video Walk-through

​
Option 1 · Sync with npx tempo-sync

Use this when you want to clone a Tempo project and run it locally without installing an extension.

  1. Open your project at tempo.new and click the terminal icon in the top-right toolbar.
  2. Copy the generated npx tempo-sync … command.
  3. In your favourite IDE, open the built-in Terminal
  4. Paste the command and hit Enter. Tempo will clone the project into a new folder install dependencies start the dev server.
  5. Edit files, then Save( ⌘S / Ctrl+S). Your changes push back to Tempo automatically.

​
Option 2 · Sync with the Local Mode Extension

For day-to-day development you’ll want the richer experience of Local Mode inside VS Code, Windsurf, or Cursor.

​
Installation

  1. In Tempo, click the IDE logo (appears as a Cursor icon).
  2. Pick your editor and hit Download Extension.
    VS Code Marketplace links coming soon.
  3. Reload your IDE when prompted.

​
Next steps

  • Extension Marketplace – VS Code | Windsurf | Cursor (links coming soon)
  • Try Tempo Now – tempo.new

Happy building! Local Mode collapses the gap between idea, design, and code so your team can ship in half the time.