All motion recipes

Product films / CANVAS

Quote reveal

A short quotation appears line by line with its attribution in the same frame.

Quote revealPrompt recipe · preview pending

Prompt recipe; no reproduced preview yet. You can use the prompt now; this recipe has not yet been reproduced for the gallery.

Make it fit your project.

Your brief stays in this browser. Preparing a prompt does not send it to a server.

Build a ten-second quotation scene. Break a supplied quote into balanced lines, reveal lines with 120ms spacing, and place the author's name and source below. Hold all text together for at least five seconds before fading the scene.

Build and check.

  1. Confirm the supplied content, target environment, and required assets before implementing.
  2. Build a ten-second quotation scene. Break a supplied quote into balanced lines, reveal lines with 120ms spacing, and place the author's name and source below. Hold all text together for at least five seconds before fading the scene.
  3. Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
  4. Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.

Know the limits.

  • Never invent a quotation or endorsement. Keep source attribution legible in the final output.
  • The prompt guides a coding agent; output quality depends on its implementation and review.

Want us to build it?

Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.

By sending this brief, you agree to our privacy policy. Prefer a conversation? Book a strategy call.

Catalog 2026-10-22.a82e12098f76 · Source revision sha256:dfbe6519cbc4fc84acc4cbf926d8a01c7f2e248dd46cedd67a9112b0e928c2ba