Split Text Effect

animating each character

This component brings text to life with a GSAP-inspired SplitText effect, animating each character in a responsive grid layout. It supports custom web fonts, dynamic font weights, and highlight colors for beautiful text transitions. Perfect for headings, hero sections, and creative UI animations, it creates a wave-like effect from the center outward — scaling, rotating, and recoloring each character for a visually engaging experience. Adjustable duration, font size, colors, and background allow complete control over the look and feel.

animating each character