Liquid Loader

Uses fluid movement to show loading progress.

Creative, playful, premium

Professional

Casual

Exotic

Visual impact

Difficulty

Performance cost

Best use: Creative products, upload states

Decant

eu-west · end-to-end encrypted

Asset transfer

Big files, fluid uploads.

aurora_grade_master.mp4 0 / 248 MB · ProRes 4444 Ready

0% uploaded

Technique: scrolling SVG sine-wave + a clipped fill whose level is a CSS custom property