DotBackgroundFX
DotBackground FX is an animated dot grid that reacts to cursor movement like a gravity field. On hover, particles bend and flow, creating a star-like interactive background.
About this Component
DotBackground FX is a dynamic background component for Framer that displays a grid of dot particles resembling a star field. As users move their cursor across the area, nearby dots react with a gravity-like force—pulling, bending, and smoothly returning to their original positions.
You can customize dot size, spacing, density, colors, opacity, interaction radius, gravity strength, and animation smoothness. The background supports subtle ambient motion for a calm effect or stronger interactions for a more playful, futuristic feel.
Perfect for hero sections, landing pages, AI products, creative portfolios, and interactive showcases, DotBackground FX turns empty space into a living, responsive visual experience without overpowering your content.
