Website
Star Wars Prologue Text Effect in Framer
Created by
About the resource
I got a message from Fons the other day asking for some help recreating the famous text crawl effect from the Star Wars movies, so I quickly put together a demo for him showing how the effect can be created entirely natively in Framer, without any coding.
About the resource
I got a message from Fons the other day asking for some help recreating the famous text crawl effect from the Star Wars movies, so I quickly put together a demo for him showing how the effect can be created entirely natively in Framer, without any coding.
About the resource
I got a message from Fons the other day asking for some help recreating the famous text crawl effect from the Star Wars movies, so I quickly put together a demo for him showing how the effect can be created entirely natively in Framer, without any coding.
The three variants of the text component.
The three variants of the text component.
The three variants of the text component.
As you can see in the image above, to achieve this text effect, I just had to create a component with three variants, in which I have the text in a 3D transformed position. As I connect the variants with appear interactions, the text smoothly scrolls from beginning to end, and then finally disappears.
I sent the demo over to Fons, he did some AI & design magic to make it look sexy, and we published this little template for y'all to play around with.
Enjoy!
As you can see in the image above, to achieve this text effect, I just had to create a component with three variants, in which I have the text in a 3D transformed position. As I connect the variants with appear interactions, the text smoothly scrolls from beginning to end, and then finally disappears.
I sent the demo over to Fons, he did some AI & design magic to make it look sexy, and we published this little template for y'all to play around with.
Enjoy!
As you can see in the image above, to achieve this text effect, I just had to create a component with three variants, in which I have the text in a 3D transformed position. As I connect the variants with appear interactions, the text smoothly scrolls from beginning to end, and then finally disappears.
I sent the demo over to Fons, he did some AI & design magic to make it look sexy, and we published this little template for y'all to play around with.
Enjoy!
