Local-first · Interactive ad studio

Design ads that move.
Ship them anywhere.

flam-flow is a local-first studio for interactive ads. Compose multi-frame canvases, let AI propose the layout while a deterministic engine guarantees the pixels, then export self-contained HTML5 for Google Ad Manager — all in your browser.

No sign-up · Runs client-side · Saves to your browser (IndexedDB)

Everything you need to ship interactive ads

One canvas, from first draft to trafficked creative — composition, AI assist, no-code interactions, and a clean export, all running in your browser.

AI proposes. The engine disposes.

A vision model assigns roles and importance. A deterministic layout engine owns every pixel — margins, no overlap, aspect locks preserved. Bad input can’t break the canvas.

role: cta · 0.9

Multi-frame, no code.

Wire Figma-style frames with goToFrame transitions — instant, fade or slide. Show, hide, swap a source, set text or accent: all without writing JavaScript.

Tap
goToFrame · slide

Design once. Reflow everywhere.

The same engine retargets your composition across ad sizes; the export adapts in the browser with CSS container queries.

1:1
9:16
16:9

Paste a product URL.

A product card — title, price, image, dominant colour — is compiled client-side. No server of ours touches your data.

shop.example.com/tee/midnight
Midnight Tee$48.00

Generate, cut out, segment.

AI media generation with Gemini; background removal and clothes segmentation run in Web Workers — the heavy models never freeze your UI.

remove bg

Export to HTML5 & Google Ad Manager.

Self-contained creatives with a fixed ad size, a clickTag and fonts inlined — under GAM’s 1 MB cap. Hand the trafficker a ZIP.

ad.size meta
clickTag
fonts inlined
under 1 MB
Catalog → interactive ad

Turn a catalog into ads people can play with.

Paste a product URL and flam-flow compiles a clean product card — image, price, link, dominant colour. Drop them into a Product Switch template and its variant swatches become a pre-wired radio set: one click swaps the hero image, price and Shop link at runtime. No code.

Product Switch · 1:1active-group
  • Aero Runner$48
  • Dune Tote$62
  • Ember Mug$24
  • Slate Bottle$36
No-code connections

Wire the interactions. Write none of the code.

Draw a wire from one element’s event to another element’s action — click, hover or on-load firing show/hide, set source, set text, set accent or go-to-frame. The runtime does the rest. No JavaScript.

flam·flow — Connectionsno-code
  • Recolour a swatchclicksetAccent
  • Show / hide a badgehovertoggle
  • Swap the headlineclicksetText
  • Go to frame · slideon-loadgoToFrame

From idea to interactive ad in three moves

01

Compose

Drop images, text and buttons onto a frame — or start from a preset like Product Switch. Drag, snap, done.

02

Direct

Hit AI Fill to let the model assign roles and importance; the engine lays it out. Wire frames with no-code connections.

03

Ship

Preview at every size, then export self-contained HTML5 for Google Ad Manager — or portable JSON to re-open anywhere.

Your studio is one click away.

No account. No install. Open the canvas and start composing — your work saves to your browser.

Constraint is the mother of style.