Liquid Drops Animated Background

Best uses for Liquid Drops

Liquid Drops shows glossy glass drops floating over a soft color field. The drops drift on their own loops, meet, merge like liquid and pull apart again, refracting what is behind them with bright rims, a highlight and a soft shadow. It is a modern, glassmorphism-style motion background for app launches, UI showcases and product pages.

• App and SaaS teams can put interface shots in front of floating glass drops for launch videos.
• Web designers can use a slow loop as a glassmorphism hero background.
• Social creators can export short, satisfying liquid clips in brand colors.

Design note: glass drops need something to refract — a soft, colorful field with clear contrast. Fewer, larger drops feel premium; many small drops feel playful. Keep the float slow if the clip will sit behind UI.

How to use Liquid Drops

Use this liquid drops animation template as a starting point, then tune the controls for your brand, format, and export target.

• Open Liquid Drops: Start Liquid Drops in the editor; it plays right away at the size you choose.
• Pick your colors: Use the Color control for your palette, then choose how the colors are laid out: pattern, linear, radial or floating points.
• Shape it: Choose the number of drops, their size and how readily they merge, then refraction, rim light, blur and shadow.
• Set the motion and export: Drop Float sets how fast the drops move, Float Range how far they wander, and Background Flow moves the color field behind them. Then record an MP4 or WebM loop, or save a PNG frame.