Interactive 3D dot grid background that reacts to mouse movement with dynamic lift effects and glow. Dots elevate and illuminate near cursor with smooth spring animations.
Made with Workshop
Build your own component with AI
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