About Particle Text Hover

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.

Key Features

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

Perfect For

Hero headings and taglines
CTA buttons and links
Portfolio and agency sites
SaaS marketing pages
Any site that needs premium micro-interactions

What You Get (After Purchase)

Text Particle Scrambler Hover Component URL
Coupon for 25% off on yearly Pro plan
Lifetime Email Support

Quick Setup

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 ✅

Customization Options

✓ Text content✓ Typography (Framer font controls)✓ Particle density and scramble intensity✓ Animation speed✓ Hover sensitivity✓ Text color and blend feel✓ Optional background styling

How It Works

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

Technical Details

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

Refund Policy

Due to the nature of digital products, we do not offer refunds once a purchase is made.