Blur Text

A smooth blur-in animation that reveals text with a customizable blur effect and directional entrance. Characters or words fade in from blurred to sharp, creating an elegant and modern text reveal effect. Perfect for hero sections, headlines, and attention-grabbing content.

Basic Usage

Import and use the BlurText component with customizable animation properties. Control the blur direction, animation speed, and whether to animate by characters or words.

Custom Animation Snapshots

Create your own animation effects by defining custom animation snapshots. Combine blur, opacity, and scale transformations to achieve unique text reveal effects.