Prototyping on the Doop canvas

Make it clickable.
Or ask an agent to.

Link your screens in a couple of clicks, or tell Claude, Codex or the Doop Agent how the flow should go and it wires every tap for you. Hit play and share one link.

Start prototyping Read the docs

Link screens
in two clicks.

Switch the canvas to Prototype mode, select a button and drag its handle onto the next frame. Pick a trigger, an action and a motion in the Interactions panel. The flow lives in your frames, so it syncs, versions and copies with them.

  • Click, hover, press, delay or keyboard triggers
  • Navigate, open overlays, scroll to a section or open a link
  • Push, slide and dissolve, with your own timing

64 links. 21 screens.
Claude's got it.

Real flows get messy fast: onboarding, permissions, error paths, sheets on top of sheets. Describe the flow to Claude Code, Codex or the Doop Agent. It links every tap, sets where the flow starts and checks for dead ends.

01

Say what should happen

"Cards open the trail, back goes back." Plain words, in the chat you already use.

02

Watch it get wired

Links appear on the canvas live, under the agent's name, like any teammate's edits.

03

Play it and tweak it

Change any link by hand in the Interactions panel, or ask for the next round.

Share it.
Test anywhere.

Every canvas plays its prototype at its own /proto link, full page, in any browser and on any phone. The player stays live: fix a frame on the canvas and the open screen updates. Feedback lands as comments your agent can pick up.

  • Actual size, responsive, fit or fill
  • Flash the hotspots when testers get lost
  • Always the live canvas, never a stale export

Everything a flow needs.
Nothing it doesn't.

No state machines and no variables to wire up. The interactions people actually test, set up in seconds by you or your agent.

On clickOn hoverWhile pressingAfter delayOn key

Five triggers

Taps and clicks, hover states, press-and-hold, timed splash screens and arrow keys for decks.

Filters
EasyModerateHard

Overlays and sheets

Open any frame as a modal over a scrim, then close it from a button, a key or a tap outside.

InstantDissolveSlide ×4Push leftPush right

Eight transitions

Slide, push and dissolve between screens, with the duration you want, up to five seconds.

Scroll to#pricingOpen linkridgeline.app

Scroll and links

Jump to a section on a long landing page or open a real URL in a new tab.

<button
  data-doop-on="click"
  data-doop-action="navigate:trail">

It's just HTML

Every link lives on the element as an attribute. Humans and agents edit the same thing, and it survives every redesign.

64 interactions
0 missing targets

No dead ends

A link to a deleted frame is flagged before anyone clicks it. Agents run the same check when they finish.

Don't explain the flow.
Send the link.

Start prototyping