In this video I walk you through how I build that clean “big brand” infinite text swap animation in Framer—the kind you see on Apple/Google style pages. I start from a simple stack with some static content, then I add a gradient text layer (linear gradient, tweak the angle, and don’t make it too dark). After that, I convert the text into a component so we can control everything with variants and keep it reusable. The core trick is setting up multiple variants where only one line of text is “relative” (visible in the box) while the other lines are set to absolute and pushed outside the variant bounds. I also show how to use content variables (Text 1, Text 2, Text 3) so you can change the words without rebuilding the animation. Then we wire up interactions: Variant 1 → 2 → 3 → 4 → 1 with delays, and we fix the transition so the loop doesn’t do that weird “animate back to the first word” thing—fourth to first should be instant, while the others stay spring. Finally, I clean it up by hiding overflow and setting opacity to 0 for the off-canvas text, so only the active word shows. When you’re done, you’ve got a fully customizable, fit-content animated text component you can drop into any Framer layout.