Gallery
Built by Claude with the Layerz Canvas MCPFully editable .lcanvas

Bounce-Proof Inbox

A 20-second SaaS promo for an imaginary email verification tool where a list of addresses is scanned, sorted and cleaned through six quick use cases.

Vector shapes and keyframes playing live in your browser — no video file. Click it to pause.Open full screen

The prompt behind it

Claude made this from the prompt below, working directly in Layerz Canvas through its MCP server. Paste it into Claude (Claude Code or Claude Desktop) with the Layerz Canvas MCP connected and it builds a new take on the same canvas — then you take over. Connect the MCP server

Prompt

Build this in Layerz Canvas using the layerz-canvas MCP.

A 20-second modern SaaS promo for an unnamed email verification tool, 1920×1080 at 60fps. The story: a messy mailing list goes in, a clean one comes out, and six use cases fly by.

Look: white #FFFFFF stage with a light #EEF0F4 grid, ink text #121417, verified green #18C27A, risky amber #FFB020, invalid red #F2445A, brand indigo #4B5BFF. SF Pro Display semibold for headlines (96px), SF Mono 22px for addresses. Cards are 24px-radius white rectangles with soft shadows.

Beats:
- 0.0–2.5s, the problem: forty email rows rain down into a stack; a few have obvious typos ("anna@gmial.con"). The headline "Your list is lying to you." types in above.
- 2.5–5.5s, scan: an indigo scan bar sweeps down the stack. Each row it passes earns a status dot — green, amber or red — in a tight 30ms stagger. A counter "Checked" runs 0→40.
- 5.5–7.5s, sort: rows slide into three columns by colour with springy ease; the red column shrinks and drops off the bottom of the frame.
- 7.5–15.0s, use cases, 1.2s each, camera pushing from card to card along a horizontal strip: Signup form (a field rejects a typo live), Newsletter (bounce chart line falls), Sales outreach (a list of 12 turns green), Checkout (a payment form with a green check by the email), Bulk upload (a file icon zips through a funnel), API (a three-line code window types a request and a JSON response).
- 15.0–18.0s, result: a bar chart compares "Before" and "After" bounce rate as two bars, the second collapsing to a sliver; the headline "Send to people who exist." appears.
- 18.0–20.0s, end: everything clears to white; a generic envelope mark with a check draws on, then "Made with Layerz Canvas" small below.

Craft notes: each use case enters with a push transition and owns one action; never more than two headline lines; no number on screen claims a real-world statistic.

Edit it yourself

  • Change colours, text and type in the inspector.
  • Drag keyframes, reshape easing curves and retime any move.
  • Ask Claude for changes through the MCP, then fine-tune by hand.
  • Export it as an image, a video, Lottie or a web page like this one.