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.

text

Typestring

Default"Glitchy on hover."

Text content to render and animate.

fontSize

Typenumber

Default42

Font size in px for each character.

fontWeight

Typenumber

Default800

Font weight for the text.

color

Typestring

Default"#d35af8"

Base color of the main (top) text layer.

cyanColor

Typestring

Default"#5ce1ff"

Color of the cyan chromatic echo layer.

magentaColor

Typestring

Default"#ff5cf0"

Color of the magenta chromatic echo layer.

radius

Typenumber

Default110

Cursor proximity radius (px) within which characters react.

dropAmount

Typenumber

Default16

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

className

Typestring

Default""

Extra classes applied to the root wrapper div.

gsap 3.15.0

Crafted withbyMohammad Tasin