CursorGrid

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

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/