# Parallax Unzoom: Grid Transition

One card fills the screen, then shrinks as eight colored cards slide in to form a 3x3 grid. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/parallax-unzoom

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-parallax-unzoom.mp4?v=0b5ec97f15

A pull-back transition where a full-screen card shrinks into the center of a three-by-three grid as eight colored neighbors move in around it.

- Framework: HyperFrames
- Category: Titles
- Duration: 4 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/parallax-unzoom

The clip opens with a single card filling the 16:9 frame. It recedes toward the center while eight neighboring cards slide in from the edges at slightly different speeds. By the end of four seconds they settle into a neat three-by-three grid on a light gray background. Each card has a soft color, from dark green and peach to mustard, lavender and coral, with a small number, a bold label and a thin progress line.

Write a label for each of the nine cards, such as the stages of a process, chapters of a video or features of a product. Focus scale sets how large the center card starts, sibling push controls how far the outer cards travel, and sibling fade sets how much they fade in. Use it to open a chapter overview or to reveal the bigger picture after a close-up.

## Use it for

- Chapter overview openers
- Process step summaries
- Feature grid reveals
- Course module maps

## What you can change

- `labels`: Card labels (Text)
- `focusScale`: Center card zoom (Number)
- `siblingPush`: Outer card travel (Number)
- `siblingFade`: Outer card fade (Number)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Parallax Unzoom and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.