Dynamic text with smooth blur effect on hover. Blur individual words or entire text. Customizable intensity, speed, uppercase toggle, and full typography controls.
Make it with Workshop
Build your own component with AI
Overview
An interactive text component that applies a blur effect when you hover over it. Choose to blur individual words separately or blur the entire text at once.
Customize the blur intensity (0-20px), transition speed, and toggle uppercase on or off. Includes full typography controls for font family, size, weight, line height, and letter spacing. The component handles word spacing automatically and works well for headlines, hero sections, and creative text elements.