Animated Text Popout

3D popout text with image or color mask

⏹ ⏹ Features ⏹ ⏹

• Image Mask: Fill the extruded body with any image, with zoom and position controls

• Fallback Color: Solid color fill when no image is set

• Depth and Angle: Control how far the text pops out and in which direction

• Face Color: Separate color for the front text surface

• Scroll Animation: Letters rise from the ground into position when the component enters view

• Per-letter Stagger: Each letter lifts on its own offset timeline

• Easing: Choose Linear, Ease Out, Ease In Out, or Spring (with a subtle overshoot)

• Delay: Hold before the animation begins after entering view

• Manual Line Breaks: Use \n to break text across multiple lines

• Full font control: Family, size, weight, style, and tracking via Framer's native Font picker

• Text Alignment: Left, center, or right, active when text wraps to multiple lines

Made with ♡ by SOSOTAR. If you have any question, email [email protected]