Liquid Glass Card pro

A frosted glass card with a bright edge, a glint that follows the mouse and a gentle 3D lean.

Customize

Demo heading (ignored when you pass children)

Demo paragraph (ignored when you pass children)

Colours of the demo background

Card width (px)

How frosted the glass is (px)

White tint on the glass

Brightness of the glint under the mouse

How far it leans toward the mouse (degrees)

Corner roundness (px)

Show the moving colour behind the card

import LiquidGlassCard from './LiquidGlassCard';

<LiquidGlassCard />

Checking your access…

Dependencies: none