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

Shape Language Showreel

A 15-second abstract showreel of flat shapes in a Bauhaus palette: circles roll, squares fold, triangles spin, and everything clicks into one final composition.

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 15-second abstract motion showreel, 1920×1080 at 60fps, built only from circles, squares, triangles and lines in a Bauhaus palette. It should feel like a designer flexing timing: tight, musical, and surprising.

Look: off-white #EFE9DD ground, primary red #E63A2E, cobalt #2246C4, mustard #F2B32B, ink #141414. Type only at the end: Futura-like geometric sans (SF Pro Display Heavy is fine), all caps.

Beats (cut every ~1.5s to a new idea, transitions driven by the shapes themselves):
- 0.0–1.5s: an ink line draws across the frame; a red circle drops onto it and rolls left to right, the line bending under its weight.
- 1.5–3.0s: the circle hits the edge and splits into four quarter circles that spin and reassemble as a square in cobalt.
- 3.0–4.5s: the square folds like paper — four 2.5D flips — into a mustard triangle.
- 4.5–6.0s: the triangle multiplies into a 6×4 grid that ripples from the centre, each triangle rotating 120° in a 20ms stagger.
- 6.0–7.5s: the grid collapses into a single row of ink dots that bounce like a spectrum meter.
- 7.5–9.5s: camera dives into one dot; it fills the frame as red. Inside, a cobalt circle and mustard semicircle orbit each other.
- 9.5–11.0s: a burst of 120 small confetti shapes in the three colours sprays out, then the pieces snap into tidy lines like magnetised filings.
- 11.0–13.0s: the lines form a classic poster layout: a large red circle, a cobalt bar, a mustard triangle, all settling with springy overshoot.
- 13.0–15.0s: the word "SHAPE" sets in the empty space, letters dropping in one by one; a tiny "Made with Layerz Canvas" sits in the margin.

Craft notes: every transition is caused by a shape (a roll, a fold, a dive) — never a crossfade; the palette never gains a fourth colour; hold the final poster at least 1s.

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.