# Exploded View: Exploded Diagram Animation

An isometric stack of slabs springs apart with leader lines and labels, holds, then clicks back together. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/exploded-view

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-exploded-view.mp4?v=2206a90eb1

A stack of isometric layers that springs apart, labels each layer with a leader line, then snaps back into one block.

- Framework: Remotion
- Category: Camera & Physics
- Duration: 2 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/exploded-view

On a near-black frame, a stack of four isometric slabs springs apart from the top down, with the second slab highlighted in red. Leader lines draw out from each slab and the labels Interface, Engine, Storage and Hardware slide in at their ends. Then the lines and labels retract, the slabs spring shut and the stack knocks down and settles. It plays in just over two seconds.

You can change the labels, the number of layers, which layer is highlighted, and the background and label colors, plus playback speed and the background around the scene. Use it to explain a software stack, show product architecture, break down a hardware product or teach a layered concept.

## Use it for

- Software stack explainers
- Product architecture slides
- Hardware breakdowns
- Layered concept lessons

## What you can change

- `speed`: Playback speed (Number)
- `labels`: Labels (Text)
- `layers`: Number of layers (Number)
- `highlight`: Highlighted layer (Number)
- `backgroundColor`: Background color (Color)
- `labelColor`: Label color (Color)
- `stageBackground`: Background around the scene (Color)

## 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 Exploded View 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.

Built on Exploded View from remocn: https://remocn.dev