Text Animation Components
A collection of beautiful text animation components built with Framer Motion and React. These components provide various entrance effects, continuous animations, and interactive text displays perfect for modern web applications.
Slide In Text
A smooth character-by-character slide-in animation that reveals text from left to right with a subtle staggered delay. Perfect for hero sections and attention-grabbing headlines.
Simplicity is the ultimate sophistication.
Scale In Text
An elegant scaling animation that grows each character from zero to full size with a smooth easing effect. Creates a dynamic entrance that draws attention to important text content.
Simplicity is the ultimate sophistication.
Bouncy Text
A playful bouncing animation that adds personality to your text with spring physics. Each character bounces into view with a natural, elastic motion that's perfect for fun and engaging interfaces.
Creative Bouncy Text
Blur In Text
A sophisticated blur-to-focus animation that gradually sharpens each character as it appears. Creates a cinematic effect that's perfect for premium and professional interfaces.
Sharp Focus Ahead
Wavy Text
A continuous wave animation that creates a flowing, rhythmic motion across the text. Uses smooth spring physics to create an organic, mesmerizing effect that's perfect for creative and artistic applications.
Smooth Wave Flow
Textured Mask Text
An advanced masking animation that reveals text through dynamic texture patterns. Creates a unique visual effect that combines typography with artistic masking techniques for standout presentations.
Explore
Staggered Pop In Text
A dynamic pop-in animation with staggered timing that creates a cascading reveal effect. Each character pops into view with a slight delay, building momentum and creating visual rhythm.
Pop!
Shiny Text
A lustrous shimmer effect that sweeps across the text, creating a metallic or glossy appearance. Perfect for premium branding and luxury interfaces that need to convey elegance and sophistication.
Gradient Text
A vibrant animated gradient that flows through the text, creating dynamic color transitions. Ideal for modern interfaces that want to showcase creativity and energy with smooth color animations.
Glitch Text
A cyberpunk-inspired glitch effect with customizable speed, shadows, and hover interactions. Features RGB color separation and digital distortion effects perfect for gaming, tech, and futuristic interfaces.
Morphing Text
An advanced 3D morphing animation that seamlessly transitions between different words with blur, scale, and rotation effects. Perfect for showcasing multiple concepts or creating dynamic hero sections with rotating messages.
Typewriter Text
A classic typewriter effect with realistic typing speed, character-by-character reveal, and optional delete/rewrite functionality. Features a blinking cursor and customizable typing speeds for authentic retro computing aesthetics.
Particle Text
An interactive particle system that surrounds text with floating, animated particles. Features customizable particle count, colors, and physics-based movement patterns that create an immersive, magical atmosphere around your typography.