# Puzzle Snap: Logo Animation

Geometric pieces spin in from scattered positions and snap together into a mark, each contact throwing a small spark burst. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/puzzle-snap

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-puzzle-snap.mp4?v=962ca83bfa

Four geometric pieces spin in from around the frame and snap together into a logo mark, with sparks at every contact.

- Framework: Remotion
- Category: Logo Stings
- Duration: 2 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/puzzle-snap

On a near-black frame, four pieces (a red quarter circle and square, a white dot and a white wedge) launch from scattered positions, spin in and snap the last stretch into place one after another. Each contact throws a small ring of white sparks, and the finished mark punches slightly larger before springing back to full size in the center. It plays in just over two seconds.

You can drop the square piece to build the mark from three pieces, change the seed for different start angles and spins, and pick the primary, secondary, spark and background colors, plus playback speed and the background around the scene. Use it as a logo sting, a brand intro, a design studio opener or a playful outro.

## Use it for

- Logo stings
- Brand intros
- Design studio openers
- Playful outros

## What you can change

- `speed`: Playback speed (Number)
- `square`: Include square piece (On or off)
- `seed`: Seed (Number)
- `primaryColor`: Primary color (Color)
- `secondaryColor`: Secondary color (Color)
- `sparkColor`: Spark color (Color)
- `backgroundColor`: Background 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 Puzzle Snap 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 Puzzle Snap from remocn: https://remocn.dev