Watch This Before Using GSAP SplitText in Webflow

💎 Webflow Wizards Community
The ultimate community to improve your skills and connect with like-minded Webflow Developers

👨‍💻 Consulting Sessions

Get the cloneable for this project (affiliate link)

[EliteSecrecy]

Ive been watching your videos for years now and you somehow manage to still teach me new things every video. You're truly inspirational and a legend. Thank you Timothy

[tomascech]

Timothy - you are the biggest webflow boss EVER!

[krishowes]

including the script in the embed so we dont have to clone is great - much better for us on Freelancer plans. Cheers for all your tutorials mate - learnt so much from you!

[irinazaman]

Your videos are always so perfectly timed to my needs. It's like you're reading my mind! 😄 I've spent two days figuring out the correct setup for my project but was still not happy with a couple of things. I think now I'll have my perfect setup!

[perezcarreno]

loved the flicker hack, thanks, Timothy!

[jordan.g]

Hey Tim, this is awesome! I've been testing out your cloneable with text-wrap balance applied to the text, and it seems to work fine for me for char, word, and line animations 🤷‍♂

[alezfilms]

what if you have a text span? it doesnt work within the whole text block

[Hamdouche.M]

Man, I love your YT thumbnails! Would you consider making a tutorial on how you design them?

[HORDERARII]

Than you Timothy! 🎉 I've been struggling with this for several days.

And the letters g and p are not truncated.

[filippovaragnolodesign]

Amazing Timothy, thank you!
Slightly off topic, but how do you integrate Lenis now that GSAP can be loaded natively? Previously, the only method that worked for me was loading Lenis before GSAP, but now GSAP loads first no matter what. Is there a recommended way to handle this?

[paulobayagbona]

Hi Tim, thank you for this video. I've been following your content for a while now and learning your Lumos framework. Thank you for all you do.

I implemented your last text animation video using split text over the weekend, and I ran into some issues. I was hoping this would solve it, but it didn't. The issue I had was when using the split-text on italic text, I had parts of the text cut on the left and right of some words and some at the bottom. I was able to solve this by adding some padding to the left, right and bottom, and that seemed to work fine on the desktop version, but when I checked the website on my phone (ios), the texts were still cut, and the padding didn't work on it. When I checked the website on an Android phone, it worked perfectly.

I would like to know if there's a way around this. Thank you

[shaunheath]

How did you get the True False Toggle in the Props panel?