Preview toolbar
GAWorkflowReleased Jun 2026All plansSource: docs.lovable.dev
Preview toolbar is Lovable's Workflow feature: A faster way to edit your app directly from the preview.
The new preview toolbar replaces Visual edits, allowing you to edit content directly from the preview. Select elements, edit text inline, draw annotations, and add comments, all while keeping context with your collaborators.
Capabilities
- Select elements for context
- Edit text inline
- Draw annotations
- Add contextual comments
- Minimize toolbar to edge tab
- Auto, Light, or Dark theme
Use cases
- Edit text inline directly from the live preview.
- Annotate a UI element without switching to the code editor.
- Leave a contextual comment for a collaborator on the preview.
The link to lovable.dev uses a referral code. The atlas is otherwise unsponsored.
Frequently asked
What is Preview toolbar?
Preview toolbar is Lovable's Workflow feature: A faster way to edit your app directly from the preview. The new preview toolbar replaces Visual edits, allowing you to edit content directly from the preview.
Is Preview toolbar GA or in beta?
Preview toolbar is generally available (GA) on Lovable.
What Lovable plan includes Preview toolbar?
Preview toolbar is available on all Lovable plans.
When did Preview toolbar launch?
Preview toolbar launched on Jun 10, 2026.
Related in Workflow
See all →What Lovable Shipped
One email a week. Every new feature. Nothing else.
A curated Monday roundup of every Lovable feature added or promoted to GA in the past week — pulled straight from the atlas.
No spam. Unsubscribe anytime. Independent, not affiliated with Lovable AB.