Back to the atlas
9 of 26 in Editor
GA·EditorMay 2026

Code Mode

Inspect and edit project code directly inside Lovable.

Code Mode is Lovable's Editor feature that inspect and edit project code directly inside Lovable.

View and edit your project's underlying codebase from inside Lovable — inspect files, make targeted edits, troubleshoot without exporting or switching tools. Available on paid plans.

Capabilities

  • File tree browser with diff view
  • In-place text editing with syntax highlighting
  • Round-trip safe with Agent Mode

Use cases

  • Tweak a single Tailwind class without a prompt
  • Read a generated Supabase migration before approving
Start building on Lovable

Frequently asked

  • What is Code Mode?

    Code Mode is Lovable's Editor feature that inspect and edit project code directly inside Lovable. View and edit your project's underlying codebase from inside Lovable — inspect files, make targeted edits, troubleshoot without exporting or switching tools.

  • Is Code Mode GA or in beta?

    Code Mode is generally available (GA) on Lovable.

  • What Lovable plan includes Code Mode?

    Code Mode is available on Lovable's Paid plans plan.

  • When did Code Mode launch?

    Code Mode launched on May 7, 2026.

Related in Editor

See all →
Paid plansView on docs.lovable.dev
Post on XLinkedIn