Effects/LiquidGlass
LiquidGlass
A container with a liquid glass effect — a soft color blob tracks your cursor and glows through the frosted glass surface. Works as a card or a button.
import { LiquidGlass } from "@animui/ui"Basic (hover me)
Liquid Glass
Hover to see the liquid blob follow your cursor.
As a button
Intensity levels
Subtle
Standard
Bold
Props
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | "#8b5cf6" | CSS color of the liquid blob that follows the cursor. |
intensity | "low" | "medium" | "high" | "medium" | How much the blob scales up on hover. |
as | "div" | "button" | "div" | HTML element tag to render as. |
onClick | () => void | — | Click handler (makes cursor a pointer). |
className | string | — | Classes on the outer container. |