Introduction Installation MCP

AI Toolkit

Modal Selector Ability Selector AI Suggestions Response Writer

Text Effects

Reveal Text Scramble Text Distort Text Squash Text Bouncing Text Draw Line Text Mouse Wave Text

Dot Animations

Dot Loader Dot Flow Flow Builder

Button Components

Text Fall Button Spring Button

Utility & Misc

Gradient Shadow

Github Star Counter Profile Peek Flip Reveal

Special Cases

Reveal on Scroll Stagger on Scroll Liquid Cursor Liquid Glass Tilt Card

Components Blocks Boilerplate

Search

Docs
Liquid Glass

Liquid Glass

A smooth glass effect with subtle blur, ideal for UI highlights and overlays.

Loading...

Installation

Examples

Blurred

Increase blur for a stronger glass blur effect.

Loading...

Props

LiquidGlass

Prop	Type	Default
width	number	120
height	number	120
borderRadius	number	12
tintOpacity	number (0-1)	0.1
blur	number	2

Previous

Liquid Cursor

Next

Tilt Card

On this page

Blurred

LiquidGlass

Contribute

Built by Denish. The source code is available on GitHub.