Editing Your App

Visual editor

After generation, click Edit to open the visual editor. You can:

• Select any element — Click on text, images, buttons, or sections to select them.
• Change text — Double-click text to edit it inline.
• Swap images — Click an image and use the replace option to pick a new one or regenerate with AI.
• Adjust styles — The right panel lets you change colors, fonts, spacing, and layout properties.

Chat-based editing

Open the chat panel inside the editor to describe changes in plain English:

• "Make the hero section background dark blue"
• "Add a testimonials section below the features grid"
• "Change the CTA button text to Get Started Free"

The AI will apply the requested change and show a diff you can accept or reject.

Code view

Switch to code view to see the raw JSX for any page. Edits you make in code view are reflected in the visual preview immediately.

Note: Code view is for advanced users. For most edits the visual editor or chat is faster and safer.

Undo and redo

All changes are versioned. Use Ctrl+Z / Cmd+Z to undo, or check the version history to roll back to any previous state.