# Liquid Fill: Logo Animation

A drop falls into an outlined mark and red liquid rises with a sloshing surface and bubbles until the mark is solid. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/liquid-fill

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-liquid-fill.mp4?v=49b48377fc

A white outlined mark fills with red liquid from a falling drop, with a sloshing surface and rising bubbles, until it turns solid.

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

On a near-black frame, a white rounded square outline fades in and a red drop falls into it, stretching as it speeds up. Liquid rises from the floor of the shape with a splash and a sloshing surface that calms as it climbs, while bubbles rise and pop. When it reaches the top, the outline turns red and the bubbles fade, leaving a solid mark in the center. It plays in about two and a half seconds.

You can change the liquid, outline, bubble and background colors, plus playback speed and the background around the scene. Use it for a drink or beauty brand logo, a progress or goal reveal, an app icon intro or a smooth outro.

## Use it for

- Drink and beauty brand logos
- Goal and progress reveals
- App icon intros
- Smooth outros

## What you can change

- `speed`: Playback speed (Number)
- `liquidColor`: Liquid color (Color)
- `outlineColor`: Outline color (Color)
- `bubbleColor`: Bubble 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 Liquid Fill 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 Liquid Fill from remocn: https://remocn.dev