Text Spin is a customizable hover animation component that transforms static typography into smooth, character-by-character 3D motion.
On hover, each letter rotates independently along the Y-axis with fluid staggered timing, creating a polished flip effect that feels responsive, playful, and premium.
Use Text Spin for navigation links, buttons, headlines, CTAs, portfolio projects, landing pages, and any interaction where typography deserves more personality.
Customize the animation speed, use a solid text color, or create linear and radial gradients directly from the Framer property panel. For linear gradients, you can also control the gradient angle.
Features:
• Character-by-character 3D Y-axis rotation
• Smooth staggered hover animation
• Adjustable animation speed
• Custom text color
• Gradient radient support
• Works with existing text components
• Easy customization through Framer properties
• No manual keyframes or timeline setup
Create expressive typography interactions in seconds and give your Framer projects a more dynamic, tactile feel.
Text Spin is a customizable hover animation component that transforms static typography into smooth, character-by-character 3D motion.
On hover, each letter rotates independently along the Y-axis with fluid staggered timing, creating a polished flip effect that feels responsive, playful, and premium.
Use Text Spin for navigation links, buttons, headlines, CTAs, portfolio projects, landing pages, and any interaction where typography deserves more personality.
Customize the animation speed, use a solid text color, or create linear and radial gradients directly from the Framer property panel. For linear gradients, you can also control the gradient angle.
Features:
• Character-by-character 3D Y-axis rotation
• Smooth staggered hover animation
• Adjustable animation speed
• Custom text color
• Gradient radient support
• Works with existing text components
• Easy customization through Framer properties
• No manual keyframes or timeline setup
Create expressive typography interactions in seconds and give your Framer projects a more dynamic, tactile feel.
