📦 Installation

Install the latest version using npm:

npm install universe-liquid@latest

1️⃣ How to use?

"use client";

 import LiquidGlass from 'universe-liquid';

    const containerRef = useRef<HTMLDivElement>(null)
      <LiquidGlass
        mouseContainer={containerRef}
        displacementScale={64}
        blurAmount={0.0625}
        saturation={140}
        aberrationIntensity={2}
        elasticity={0.15}
        cornerRadius={999}
        padding="8px 16px"
        style={{ position: 'fixed', top: '50%', left: '50%' }}
        mode="polar"
        overLight={false}
      >
        <div className="p-6">
          <h2>Liquid Glass Demo</h2>
        </div>
      </LiquidGlass>

Demo

👉 Visit Demo