ScatteredTextHeader
An eye-catching animated header that loads scattered letters and forms into text with response to mouse movement. Perfect for landing pages, hero sections, and creative headlines.
Make it with Workshop
Build your own component with AI
About this Component
Bring your headlines to life with Scattered Text Header, a fully customizable Framer component that animates each letter into place with a scattered, dynamic effect.
✨ Key Features
Two animation styles – Default and Spring for smooth, organic movement.
Interactive hover effect – Letters scatter away from your cursor for a playful, fluid experience.
Custom scatter patterns – Random, center-out, or left-to-right animation orders.
Color flexibility – Use a single color or rotate through a custom color palette.
SVG path support – Animate letters along your own drawn path.
Area-based scattering – Define exact zones for letter placement.
Full control panel – Adjust distances, speeds, easing curves, and spacing directly in Framer.
💡 Perfect for:
Hero sections that make visitors stop and look
Creative portfolios & agency websites
Event landing pages
Interactive product campaigns
Whether you need subtle elegance or bold motion, Scattered Text Header adapts to your design. Every parameter is tweakable, so you can match your animation perfectly to your brand’s tone.
Refund Policy
Because this is a digital product, all sales are considered final.
Once you complete your purchase, you’ll get instant access to the Framer code component. Since digital items can’t be returned, we’re not able to offer refunds, exchanges, or cancellations.
Please make sure to review the features and preview materials before buying. If you’re unsure or have any questions, feel free to reach out — we’re happy to help before you commit.
By completing your purchase, you’re confirming you understand and accept these terms.
