Transform your typography into an interactive highlight with this particle text scrambler hover component for Framer. On hover, your text breaks into particles and scrambles before snapping back cleanly, adding a premium micro-interaction that instantly makes your UI feel more alive.
Particle-style text scramble animation on hover
Smooth return to the original text after hover out
Fully customizable text (type anything)
Customize font, size, weight, letter spacing using Framer font controls
Control animation speed and intensity
Works on buttons, headings, links, and CTA text
Responsive and lightweight
Zero configuration needed, works out of the box
Hero headings and taglines
CTA buttons and links
Portfolio and agency sites
SaaS marketing pages
Any site that needs premium micro-interactions
Text Particle Scrambler Hover Component URL
Coupon for 25% off on yearly Pro plan
Lifetime Email Support
Drag the component onto your Framer canvas
Replace the text with your own label
Set typography in the Framer font panel
Adjust speed and intensity
Publish ✅
✓ Text content✓ Typography (Framer font controls)✓ Particle density and scramble intensity✓ Animation speed✓ Hover sensitivity✓ Text color and blend feel✓ Optional background styling
Hover triggers a scramble plus particle dispersion effect
Characters animate and re-form into the original text
On hover out, the component returns smoothly to the default state
Built for Framer with smooth, performant animation
Hardware-accelerated motion for clean hover behavior
Responsive sizing and layout friendly
Need Complete Site Templates?If you like clean, premium interactions, you’ll find more templates and components at https://omakase.com/templates.
SupportNeed help setting it up? Email us at tech@oma-kase.com
Due to the nature of digital products, we do not offer refunds once a purchase is made.
Omakase
