Skip to content

component

3D Grid Trail

By Olamide Badusi

Details

Summary

Interactive 3D dot grid background

Description

Transform any section into an interactive experience with a mouse-reactive 3D dot grid background. Dots dynamically lift and glow as your cursor approaches, creating an engaging depth effect with smooth spring animations. Customize grid density, dot appearance, glow intensity, and 3D perspective strength through intuitive Framer controls. Optimized for 60fps performance with throttled mouse tracking and efficient rendering for up to 600 dots. Fully accessible with automatic reduced-motion support for users with vestibular sensitivities. Perfect for hero sections, feature showcases, portfolio headers, or any area needing visual interest while keeping your content in focus on the foreground layer

Introduction

Interactive 3D dot grid background

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600168348/148/228/309/79/15
  • All · #6834