ScrollTextFX
Reveal rotating, blurry text animations on scroll. Great for immersive storytelling, hero sections, and modern websites.
Made with Workshop
Build your own component with AI
About this Component
ScrollText FX is a bold Framer component that brings your text to life with scroll-triggered animations. As users scroll, your words animate into view with smooth rotation and a stylish blur effect, creating a cinematic and dynamic feel. Perfect for hero sections, creative portfolios, or storytelling layouts, ScrollText FX adds depth and movement that keeps visitors engaged.
How to Set It Up
ScrollText FX is easy to customize directly in the Framer editor. Here's how to make it your own:
Text – Enter your desired text directly in the component.
Base Opacity – Set the starting opacity of the text (e.g. 0.2 for a subtle fade-in).
Enable Blur – Toggle On or Off to add or remove the blur effect during scroll.
Blur Strength – Adjust how strong the blur effect is (8px is a good starting point).
Base Rotation – Define how much the text rotates on scroll (8deg for subtle movement).
Text Color – Choose any HEX color (#000000 is default black).
Font – Select your preferred font (default is Inter Display, but any installed font will work).
You can fine-tune speed and intensity to match your design style — whether you want subtle motion or dramatic visual impact. ScrollText FX adapts seamlessly to any project.
