Preferences

Melt Glitch Text

GGGLLLIIITTTCCCHHHYYY OOONNN HHHOOOVVVEEERRR

Customize

Text

Property	Type	Default	Description
`text`	string	`"Glitchy on hover."`	Text content to render and animate.
`fontSize`	number	`42`	Font size in px for each character.
`fontWeight`	number	`800`	Font weight for the text.
`color`	string	`"#d35af8"`	Base color of the main (top) text layer.
`cyanColor`	string	`"#5ce1ff"`	Color of the cyan chromatic echo layer.
`magentaColor`	string	`"#ff5cf0"`	Color of the magenta chromatic echo layer.
`radius`	number	`110`	Cursor proximity radius (px) within which characters react.
`dropAmount`	number	`16`	Max vertical sag/drop (px) applied to the base character; echo layers drop further.
`className`	string	`""`	Extra classes applied to the root wrapper div.

textstring

Text content to render and animate.

Default"Glitchy on hover."

fontSizenumber

Font size in px for each character.

Default42

fontWeightnumber

Font weight for the text.

Default800

colorstring

Base color of the main (top) text layer.

Default"#d35af8"

cyanColorstring

Color of the cyan chromatic echo layer.

Default"#5ce1ff"

magentaColorstring

Color of the magenta chromatic echo layer.

Default"#ff5cf0"

radiusnumber

Cursor proximity radius (px) within which characters react.

Default110

dropAmountnumber

Max vertical sag/drop (px) applied to the base character; echo layers drop further.

Default16

classNamestring

Extra classes applied to the root wrapper div.

Default""

gsap 3.15.0

Crafted withbyMohammad Tasin