Liquid Glass Droplet

Liquid Glass Droplet
Liquid Glass Droplet

About Liquid Glass Droplet

A droplet lands, swells into a glass icon that bends and splits light across its walls, then clears to reveal your logo, crisp and full size. Drop in any SVG or PNG and it just works.

Features

  • Upload any logo (SVG, PNG, WebP), keep its original colours or recolour it

  • Dark, Light and Auto (follows the visitor’s system) themes

  • Three endings: Logo, Logo + Text wordmark, or Glass Icon

  • Intro screen mode: full-screen loader with 6 exit styles, once per session, scroll lock, click to skip

  • Backgrounds: colour, linear or radial gradient, image (with zoom, blur and tint) or transparent

  • 12 glass controls: depth, dispersion, relief, caustics, highlights, bloom, drop size and more

  • Triggers: on load, in view, hover or click, with loop and replay

  • Editor scrub to preview any frame on the canvas

  • Pauses when off-screen or in a hidden tab, and respects reduced motion

From Chiranjeev Singh

Page Tear Transition
Parallax Showreel
Liquid Glass Grid
Password Morph

Related Components

Better Parallax
Better Grain
Parallax Hero
ImageMotionTrail