Liquid Glass Loader

Liquid Glass Loader is an animated image component for loading-screen visuals, hero introductions and ambient backgrounds. Six circular images reveal from a central stack, unfold into an orbit and continue moving behind a refractive glass edge.

Customize the images, disk size, spacing, orbit speed, glass depth, chromatic aberration, progressive blur, reflections and optional circle-edge distortion directly in Framer.

Features

• Six replaceable images with alternative text

• Staggered reveal and spiral entrance animation

• Adjustable orbit motion and glass effects

• Responsive sizing based on the component container

• Static composition on the Framer Canvas

• Reduced-motion support

• Animation pauses when offscreen or the browser tab is hidden

How to use

Add the component to your page, set its width and height, replace the six images and adjust the visual controls to suit your design.

Loading behavior

This component provides the visual introduction and ongoing orbit. Full-page loading progress, automatic overlay dismissal and once-per-session behavior are not included. If you use it inside a loading overlay, configure the overlay timing and dismissal separately.

Visual Assets

All visual assets were created, recolored, and animated with ColorForge from bytog.supply.