Scenes
Depth Swap
A headline swaps inside a wall of pictures with real depth. The camera dollies back out of a defocused wall while the first line blurs up out of nothing and each picture comes into focus at its own distance; on the beat the line cuts to the second, sharp in the middle and blurred at its ends, and the camera slides sideways as the nearest picture swings across, growing. Replayed from a screen recording: one pinhole camera fitted to every card and both lines at once, each card's edge and picture blur, shadow and out-of-focus spill are measured tables.
- Type
- Animation
- Category
- Scenes
- Source
- snapcn
Price
$179 a year · $279 outright
Frequently asked questions
How do I add Depth Swap to a Remotion project?
Depth Swap is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/depth-swap. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.
What is Depth Swap?
Depth Swap is a Remotion depth of field photo wall text swap animation for React. A headline swaps inside a wall of pictures with real depth.
Is Depth Swap free?
No. It is one of 65 Pro components, sold together: $179 a year for the whole catalogue and everything that ships while your year runs, or $279 once to own it outright. The other 52 snapcn components are free and MIT.