Skip to content

Magnetic Mosaic X06

0.0s

Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.

X06 · Signature Effects · advanced · 2.5–8s

Scattered media tiles drift and spin, then snap magnetically into a grid that assembles one larger supplied image or composition.

Tiles float loose across the frame with random rotations, then — in a staggered wave from the centre outward — fly to their grid slots with a springy snap. When the last one lands, the seams close and the pieces become a single picture, either the slices of one supplied image or a curated grid of separate assets. The sense of order emerging from chaos makes it a satisfying reveal.

Try the parameters

Tiles fuse into one seamless image after they land.

Best used for

  • — Logo or image reveals
  • — Community / collage reels
  • — Portfolio intros
  • — Event recaps

Assets

  • ● Photos required
  • ○ Screenshots optional
  • ○ Brand logo optional

Pairs well with

If assets are missing

With a single low-resolution image, use a 3×3 grid so tiles are not shown enlarged. Without any images, ask for them — never generate mosaic content.

Accessibility

Keep the scattered phase short (< 1s) and the snap motion smooth; avoid flashing on landing. Many simultaneous moving tiles can be overwhelming for some viewers.

Individual prompt

updates with the parameters above
# CES style instruction — X06 Magnetic Mosaic

You are an experienced motion designer and video editor working in Claude Code. Apply the **X06 Magnetic Mosaic** technique to the supplied footage as specified below.

**B. Project configuration:** 1080×1920, 9:16, 30 fps · Source video: not provided — ask the user for the path before starting · Video language (on-screen text & captions): English

**Signature Effects** — Tiles float loose across the frame with random rotations, then — in a staggered wave from the centre outward — fly to their grid slots with a springy snap. When the last one lands, the seams close and the pieces become a single picture, either the slices of one supplied image or a curated grid of separate assets. The sense of order emerging from chaos makes it a satisfying reveal.

### X06 Magnetic Mosaic

- **When:** ≈ 00:00.00 → 00:04.00 (≈ derived — adjust to the nearest natural beat in the footage)
- **Layer / track:** V1 (main picture)
- **What it does:** Scattered media tiles drift and spin, then snap magnetically into a grid that assembles one larger supplied image or composition.
- **Parameters:** Grid: 4 × 4; Mosaic content: Slices of one supplied image; Scatter spread: 60%; Snap stagger: 0.05 s; Easing: Spring (physical); Close gaps on completion: on; Accent colour: #D7FF5F
- **Steps:**
  1. Cut to a mosaic cutaway from 00:00.00 to 00:04.00 with a 4×4 grid (16 tiles) occupying ≈ 86% of frame width, centred.
  2. Slice the single supplied image into 16 equal tiles (each tile keeps its exact region — background-position offsets in Remotion), so the completed grid reproduces the original image exactly.
  3. Scatter: start each tile at a random position within 60% of frame size around its slot, rotated ±40°, scaled 0.6–0.9, 0.3% blur, with a slow drift (seeded random so renders are deterministic).
  4. Snap: tiles fly to their slots in a wave from the centre outward, 0.05s (2 frames) apart, each over 14 frames with a physical spring (Remotion spring(): damping ≈ 12, stiffness ≈ 180, mass 1); rotation and blur reach 0 on landing.
  5. After the last tile lands, close the 1% gutters over 9 frames and remove corner radii so the tiles fuse into one image, with a single soft #D7FF5F edge glint.
  6. Hold the completed composition ≥ 1s before cutting back.
- **Assets:** Photos (⚠ MISSING) · optional: Screenshots, Brand logo
- **Fallback:** With a single low-resolution image, use a 3×3 grid so tiles are not shown enlarged. Without any images, ask for them — never generate mosaic content.

**G. Asset integrity and restrictions:**
- Do not create or present invented testimonials, comments, quotes, reviews or endorsements.
- Do not fabricate numbers, metrics, charts or results. Data visualisations use only the supplied data.
- Do not create fake screenshots or UI and present them as real. Illustrative graphics must be clearly illustrative.
- Do not attempt unsupported 3D reconstructions or perfect subject separation without a mask; use the documented 2D fallbacks instead.

**I. Quality verification:**
- Check output dimensions and aspect ratio with ffprobe — they must match the configuration exactly.
- Check the output frame rate and that the duration is within ±0.5 s of the target.
- Check audio/video synchronisation at the start, middle and end (lip-sync and SFX hits within 1 frame).
- Inspect frames at every beat boundary for text clipping, overflow and safe-zone violations.
- Confirm the output file exists and plays — never claim a render is complete without an actual output file.
- Report any missing asset or unimplemented effect explicitly.

More signature effects styles

Reserve for the moment you most want shared or remembered. Check prerequisites: some need masks or prepared assets.

Your recipe starts here.

Add a style to begin building.