Halftone Interaction

Half-Tone is a set of 12 ready-to-use interactive components built around a halftone dot aesthetic — drop them into any Framer project to add motion that responds to the cursor.

Each component is a distinct interaction: hover reveals, cursor-following trails, magnetic pulls, distortion effects, and more, all sharing the same halftone visual language so they feel cohesive when combined across a page.

No code required — just add the component, connect your content (image, text, or shape), and adjust the built-in variables (dot size, speed, color, intensity) from the right-hand panel.

What's included:

• 12 unique mouse-interaction components

• Consistent halftone dot styling across the set

• Fully responsive, works on any breakpoint

• Adjustable properties for color, density, and speed

• Drop-in, no code required

Best for: portfolio sites, agency landing pages, product showcases — anywhere you want the page to feel alive when someone moves their cursor.