Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Component preview thumbnail
    MarketplaceComponents

    Halftone Image Hover

    Transform static images into interactive art with the dynamic halftone image hover effect—pixel dots react to mouse movement for playful, high-performance visuals.

    Netbloom
    Netbloom
    Creator
    1mo ago
    Updated
    1
    Installs
    Netbloom
    Netbloom
    Creator
    1mo ago
    Updated
    1
    Installs

    Make it with Workshop

    Build your own component with AI


    Details

    Bring your images to life with a captivating halftone particle image effect that reacts to user interaction. This component uses a grid of animated dots to reconstruct your image, dispersing and reforming in response to the cursor for a uniquely tactile visual feel. Perfect for creative portfolios, interactive hero banners, and immersive storytelling sites.

    As users move their cursor across the image, dots are repelled within a customizable radius, creating fluid, physics-driven motion that draws attention and invites exploration. Fine-tune spacing, color, and scale to achieve your perfect look, and adjust motion properties for everything from subtle shimmer to dramatic scatter.

    Features

    • Real-time halftone particle animation for engaging interactivity

    • Fully customizable dot spacing, scale, and color

    • Adjustable repel radius, force, and return speed for tailored motion

    • Optimized for smooth performance across modern browsers

    • Works with any image, no setup required

    Controls

    • Image – Upload or select any image to animate in halftone style.

    • Dot Spacing – Adjust the distance between each halftone dot.

    • Dot Scale – Change the size of the halftone dots.

    • Dot Color – Choose the color of the dots for your image effect.

    • Repel Radius – Set the area of influence around the cursor.

    • Repel Force – Control the strength of the particle push effect.

    • Return Force – Adjust how quickly dots return to their original position.

    • Max Speed – Limit the maximum movement speed of particles.

    Support
    About ComponentsRefund PolicyContact Creator
    Framer
    EnterprisePricing
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components

    More Components

    See All →
    Thumbnail for AnimatedTextGradient, a Framer Marketplace template by Sajjadul Kibria.
    AnimatedTextGradient
    $5
    Sajjadul Kibria
    Thumbnail for Pop-up Notification, a Framer Marketplace template by Eduard Akinfiu.
    Pop-up Notification
    $2
    Eduard Akinfiu
    Thumbnail for Animated Tooltip, a Framer Marketplace template by Alberto.
    Animated Tooltip
    $10
    Alberto
    Thumbnail for Country Phone Input, a Framer Marketplace template by Stefan @ Pixco.
    Country Phone Input
    Free
    Stefan @ Pixco
    Thumbnail for Neuromorphism Button, a Framer Marketplace template by Nixir.
    Neuromorphism Button
    $7
    Nixir
    Thumbnail for Moon Button, a Framer Marketplace template by 日香理 / hikari.
    Moon Button
    Free
    日香理 / hikari
    Thumbnail for RevealLinks, a Framer Marketplace template by Alexandru Stefanescu.
    RevealLinks
    $5
    Alexandru Stefanescu
    Thumbnail for Spotify Player, a Framer Marketplace template by Roman Avshalumov.
    Spotify Player
    Free
    Roman Avshalumov

    More from Netbloom

    See All →
    Thumbnail for Pixel Mouse Trail, a Framer Marketplace component by Netbloom.
    Pixel Mouse Trail
    component · $5
    Netbloom
    Thumbnail for Stories Slideshow, a Framer Marketplace component by Netbloom.
    Stories Slideshow
    component · $10
    Netbloom
    Thumbnail for 3D Flip Image Reveal, a Framer Marketplace component by Netbloom.
    3D Flip Image Reveal
    component · Free
    Netbloom
    Thumbnail for Image to Puzzle Grid, a Framer Marketplace component by Netbloom.
    Image to Puzzle Grid
    component · $15
    Netbloom
    Thumbnail for Water Ripple Effect, a Framer Marketplace component by Netbloom.
    Water Ripple Effect
    component · Free
    Netbloom
    Thumbnail for Typewriter, a Framer Marketplace component by Netbloom.
    Typewriter
    component · $5
    Netbloom