← Back to Petal
Live preview
See it before you ship it.
Web frame, phone frame, or API console — whichever fits.
Every edit streams into a live preview. Web apps run in a browser frame with device switching, mobile apps render on a real phone via Expo Go, backends get an API console.
Real
Browser + bundler
3
Device frames
QR
To your phone
Instant, not simulated
Real browser, real bundler, real network — not a mock.
Device switching
Flip between desktop, tablet, and phone frames without a rebuild.
QR to your phone
Test a native build on your device before you leave the chat.
Real code, not a mock
You own every line Petal writes.
No lock-in, no proprietary DSL. Petal writes production code you can read, edit, extend, and export at any time. Here's a taste of what lands in your project.
tsx
<section className="bg-foreground text-background">
<h1 className="font-display text-7xl">
Ship it, <em className="italic text-primary">fast</em>.
</h1>
</section>Try live preview now
