About Motion Text FX
About Text Rotator ✨
Text Rotator is a free Framer code component that brings your text to life with 10 unique animation effects. Create engaging headlines and dynamic text transitions with smooth effects, customizable typography, and multilingual support.
Whether you're building a creative portfolio, a landing page, or a modern website, Text Rotator makes it easy to add motion and personality to your designs without writing code.
What you can customize
Animation Effects: Choose from 10 effects, including Blur, Fade, Slide, Zoom, Flip 3D, Wave, Typewriter, and Scramble.
Custom Words: Add your own words and phrases to create rotating text.
Typography: Customize fonts, colors, text size, and alignment.
Animation Timing: Adjust duration, stagger, and hold time.
Text Direction: Customize animation direction and character order where supported.
Multilingual Support: Display text in different languages, including Persian and Arabic.
Behavior Settings: Configure looping, pause on hover, and start in view.
Responsive Sizing: Fit text to the frame for flexible layouts.
All settings are available through Framer's properties panel, so you can customize the component without editing the code.
Great for
Creative portfolios and personal websites
Hero sections and landing pages
Animated headlines and rotating taglines
Multilingual websites
Creative and interactive web experiences
How to use
Add Text Rotator to your Framer project.
Place it in your desired section.
Add your words and customize the animation settings.
Preview the effects and publish your site.
Share your build
Using Text Rotator on your website? I'd love to see what you create. Share your project or send me your website link!
Need help?
Questions, feedback, or ideas for improvement? Get in touch:
Email: hey@11daniel.design
