Effects/GlassCard

GlassCard

Glassmorphism card with configurable backdrop blur, semi-transparent background, and optional glow. Works best placed over colorful or image backgrounds.

import { GlassCard } from "@animui/ui"

Basic

Glass Card

Frosted glass effect with backdrop blur.

Glow variant

Glowing glass card

Extra depth with colored shadow.

Blur levels

blur: sm

blur: md

blur: xl (default)

blur: 2xl

Props

Prop	Type	Default	Description
`blur`	`"sm" \| "md" \| "lg" \| "xl" \| "2xl"`	`"xl"`	Backdrop blur intensity.
`border`	`boolean`	`true`	Show a semi-transparent white border.
`glow`	`boolean`	`false`	Add a glow shadow using glowColor.
`glowColor`	`string`	`"rgba(139,92,246,0.3)"`	CSS color value for the glow.
`hover`	`boolean`	`false`	Enable scale + lift hover animation.
`className`	`string`	—	Additional classes.