You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Progressive Text Animation: Build text character by character in forward or reverse order
Erase Effect Support: Create typewriter-style animations with text that types and erases
Highly Customizable: Configure animation duration, delay, iterations, and more
Lifecycle Callbacks: Hook into animation events with onStart, onChange, and onEnd
Animation Controls: Toggle animations on/off with the active prop
TypeScript-Ready: Full type definitions for enhanced developer experience
Zero External Dependencies: Only requires React as a peer dependency
Tiny Footprint: Minimal impact on your bundle size
Simple API: Intuitive interface for quick implementation
🛠️ API Reference
Basic Configuration
const{ text }=usePulseText({text: "Your animated text",// The text to animateactive: true,// Controls if animation runs (default: true)duration: 2000,// Animation duration in ms (default: 1000)delay: 0,// Initial delay before animation starts (default: 0)iterationCount: Infinity,// Number of times to repeat (default: 1)iterationDelay: 0,// Delay between iterations in ms (default: 0)erase: false,// Whether to erase text after showing (default: false)reverse: false,// Whether to animate from end to start (default: false)});