Denis Kuzin

Liquid Glass Logo Reveal

Shaders 180

About

A droplet lands and spreads into a liquid-glass tile that bends the 21st.dev logo at its rim with real refraction and colour dispersion, then lets go. One WebGL2 shader, no dependencies, click to replay. Based on zanwei/glass-icon-reveal (MIT).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Liquid Glass Logo Reveal to your project and fits it to your theme.

Code

How Liquid Glass Logo Reveal is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import { GlassReveal21st } from "@/components/ui/liquid-glass-logo-reveal"

export function GlassReveal21stDemo() {
  return <GlassReveal21st className="h-svh min-h-[420px] w-full" />
}

export default GlassReveal21stDemo

More in Shaders

View all
  • Glass Fold

    Glass Fold

    250
  • Phosphor 30

    Phosphor 30

    289
  • Shader Animation

    Shader Animation

    3.7K
  • Paper design shader Background

    Paper design shader Background

    677
  • Shader Background

    Shader Background

    2K
  • Black Hole

    Black Hole

    24
  • Shader Dithering

    Shader Dithering

    34
  • Stripe like gradient-shader

    Stripe like gradient-shader

    265