SplitTextEffect
Per-character animated typography with custom fonts and smooth transitions.
Made with Workshop
Build your own component with AI
About this Component
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.
