---
title: "Pixel Magnet Cursor — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Karim Saif · Cursors. Pixel Magnet Cursor is an interactive canvas-based cursor effect for Framer that turns simple square particles into a dynamic magnetic field."
canonical: "https://framer.elliotli.dev/component/pixel-magnet-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Pixel Magnet Cursor

# Pixel Magnet Cursor

Pixels smoothly react

[View on Framer](https://framer.com/marketplace/components/pixel-magnet-cursor/?via=elliot-li)

![Pixel Magnet Cursor preview image 1](https://framer.elliotli.dev/og/component/pixel-magnet-cursor/ae73555bfa042681/1600x1176.jpg)

## Summary

Pixel Magnet Cursor is an interactive canvas-based cursor effect for Framer that turns simple square particles into a dynamic magnetic field.

## Description

**Pixel Magnet Cursor for Framer**

**Pixel Magnet Cursor** is an interactive canvas-based cursor effect for Framer that turns simple square particles into a dynamic magnetic field. As the cursor moves across the component, pixels smoothly react to its position—either being pulled toward the cursor like a magnetic force or pushed away with a repelling effect.

✨ **Key Features**

-   **Magnetic Cursor Physics** — Create a dynamic attraction effect where pixels naturally move toward the cursor.
    
-   **Repel Mode** — Reverse the physics and push particles away from the cursor for a more energetic interaction.
    
-   **Adjustable Magnetic Radius** — Control how far the cursor's influence extends across the canvas.
    
-   **Custom Pull Strength** — Fine-tune the intensity of the magnetic force.
    
-   **Three Falloff Modes** — Choose between Smooth, Linear, and Wide force attenuation for different interaction feels.
    
-   **Smooth Cursor Tracking** — Adjust cursor smoothing from subtle and fluid to fast and responsive.
    
-   **Dynamic Particle Density** — Control the number of particles from a minimal effect to a dense particle field.
    
-   **Custom Pixel Sizes** — Set minimum and maximum particle sizes to create different visual styles.
    
-   **Particle Lifetime System** — Particles automatically fade, expire, and respawn to maintain a continuous effect.
    
-   **Spawn Radius Control** — Define how widely particles appear around the cursor.
    
-   **Adjustable Drift Speed** — Add subtle independent movement to the particles.
    

🛠 **Support**

**X:** [https://x.com/karimsaif0](https://x.com/karimsaif0)

**Email:** [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com)

If you use this component in a project, I'd love to see what you create with it.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5351

## Details

- **Author**: Karim Saif
- **Price**: $3.00
- **Published**: 2026-08-14
- **Updated**: 2026-09-16
- **Added**: 2026-08-14
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…