Cursor Grid - Framer Component

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.

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

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/

Refunds may be issued under the following conditions:

Technical Errors: If the product encounters major technical issues that significantly affect its performance and functionality, and these issues cannot be resolved within a reasonable timeframe, a refund may be granted.

Product Not Delivered: If you do not receive the product after purchase and we are unable to provide access, you are eligible for a refund.

Inaccurate Product Representation: If the product you receive differs substantially from its description or preview, and this discrepancy affects its usability, you may request a refund.