---
title: "DotBackgroundFX — Framer component · Best of Framer"
description: "$12.00 · Framer component · by DiverseKit · Backgrounds. Interactive dot grid with gravity hover"
canonical: "https://framer.elliotli.dev/component/dotbackgroundfx"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/DotBackgroundFX

# DotBackgroundFX

Interactive dot grid gravity hover

[View on Framer](https://framer.com/marketplace/components/dotbackgroundfx/?via=elliot-li)

![DotBackgroundFX preview image 1](https://framer.elliotli.dev/og/component/dotbackgroundfx/ff86935c9b318d3a/1600x1200.jpg)

## Summary

Interactive dot grid with gravity hover

## Description

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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-gav27fh6-Lic9iWkRc5J0R0EcHyz2cgvC74SWJL)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

## Rank history [How rankings work →](/terms#rankings)

-   All · #5245

## Details

- **Author**: DiverseKit
- **Price**: $12.00
- **Published**: 2026-02-09
- **Updated**: 2026-10-01
- **Added**: 2026-01-30
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background