ParallaxMaskText
Text with dynamic image or gradient fill that follows your cursor with smooth parallax motion. Supports custom fonts, colors, and spring animations.
Make it with Workshop
Build your own component with AI
About this Component
✨ Parallax Mask Text - Premium Framer Component
Transform your headlines into stunning visual experiences! This component fills your text with images or gradients that move smoothly as visitors hover.
🎨 Features:
- 🖼️ Image or gradient text fill
- 🖱️ Interactive mouse-following parallax effect
- ⚡ Smooth spring animations (customizable physics)
- 🔤 Full typography control (fonts, size, spacing)
- 🔒 Lock horizontal or vertical movement
- 🔄 Auto-reset on mouse leave
💡 Perfect for:
- Hero sections & landing pages
- Portfolio headers
- Creative agency websites
- Product showcases
- SaaS marketing sites
🛠️ Super easy to use:
1. Drop component on canvas
2. Change your text
3. Pick an image or gradient
4. Done! ✅
📱 Works on all devices
🎯 No code required
🔄 Lifetime updates included
---
Keywords: Framer component, text animation, parallax text, masked text, image text fill, gradient text, hover effect, interactive typography, Framer motion, text effect
