Framer Tutorial: Creating A Text Cycle Animation Loop

Опубликовано: 23 Октябрь 2024
на канале: Framer University

27,443

785

🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, you'll learn how to create a text cycle animation loop on your Framer website. I'll showcase how to set up your components in Framer to achieve this effect. After watching this video, you'll be ready to add a text cycle loops to your websites without any coding.

Starter file + project remix: https://framer.university/resources/t...

0:00 - Introduction
0:15 - Starter file (link in description)
0:39 - Creating a text layer
1:17 - Making a component
2:23 - Adding more text layers
4:05 - Creating component variables
4:47 - Adding variants
8:35 - Adding interactions
10:02 - Finishing touches
10:37 - Text variables in use
11:05 - Optimizing for mobile
11:52 - More free resources

Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university