---
title: "CursorGrid — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Sang Do · Cursors. About Cursor Grid Component Cursor Grid brings a sleek, interactive motion layer to your Framer projects."
canonical: "https://framer.elliotli.dev/component/cursorgrid"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/CursorGrid

# CursorGrid

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

![CursorGrid preview image 1](https://framer.elliotli.dev/og/component/cursorgrid/3a65af465cb94ac1/1600x1200.jpg)

## Summary

About Cursor Grid Component Cursor Grid brings a sleek, interactive motion layer to your Framer projects.

## Description

## About Cursor Grid Component

Cursor Grid brings a sleek, interactive motion layer to your Framer projects.

It generates a grid of lines and anchor points that dynamically follow the user’s cursor — creating a sense of spatial depth and precision without blocking normal interactions. All hover, click, and drag events on underlying elements remain fully functional.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-bk115q90-erj1rA5yrHbAKueWbHxYZld1FXwrO0)

## Features & Controls:

-   Adjust Line Color and Line Width for visual contrast
    
-   Choose Center Cursor shape: Square, Circle, or upload a custom SVG
    
-   Control Grid Size to define spacing density
    
-   Toggle Show Default Cursor to hide or display the system cursor
    
-   Fine-tune Container Padding for clean framing within your layout
    
-   Customize End Square Color, Size, and Corner Radius
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-bk115q90-qDvVOcLS2yuBE7sfYYRrDwLeNUmPhp)

## Uses:

-   Add interactive energy to hero sections or landing pages
    
-   Create minimal, tech-inspired backgrounds
    
-   Use as a motion overlay for studio or portfolio sites
    
-   Enhance hover states and cursor-based UI interactions
    

Preview: [https://cursor-grid.framer.website/](https://cursor-grid.framer.website/)

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

-   All · #7670

## Details

- **Author**: Sang Do
- **Price**: $10.00
- **Published**: 2025-10-23
- **Updated**: 2025-10-23
- **Added**: 2025-10-16
- **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…