"Hover me"

"Press me"

Interactive Text with Dynamic Effects

Welcome to the guide for the Glitch Input Canvas component! This versatile Framer component allows you to transform standard text input fields into engaging, interactive elements with captivating visual and auditory feedback on hover.

Shake Intensity

Add a subtle or intense shaking animation to the component when a word is hovered.

Intensity-3

Intensity-6

Intensity-9

and more….

Shake Intensity

Add a subtle or intense shaking animation to the component when a word is hovered.

Glitch Colors

Define the palette of colors used for the glitch effect layers. These colors are randomly sampled to create the colorful distortions.

EE0F38

E211B5

FF6F5C

E0921A

1EE8A1

A327EC

DE2912

E36811

E9AB10

1BEC70

22EEEF

2978F2

EF591B

CAF222

1EC961

000DFF

0DFF00

DD00FF

000DFF

0DFF00

DD00FF

Particle System:

Beyond the text effects, the component emits particles from hovered words, creating trails or bursts of visual energy.

Different Particle Shapes

Text Border and Particle Border

even with Photo !!!

Particle System:

Beyond the text effects, the component emits particles from hovered words, creating trails or bursts of visual energy.

Different Particle Shapes

Text Border and Particle Border

even with Photo !!!

ONE LAST THINGS!

FIREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE!!!!!!!

© 2025 Howard yam

howardyam.framer.website