---
title: "Gravity Particles — Free Framer component · Best of Framer"
description: "Free Framer component · by Brett Jackson · Backgrounds. Bring your backgrounds to life with this interactive particle system for Framer."
canonical: "https://framer.elliotli.dev/component/gravity-particles"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Gravity Particles

# Gravity Particles

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

![Gravity Particles preview image 1](https://framer.elliotli.dev/og/component/gravity-particles/eaa482a0c911adfb/1600x1200.jpg)

## Summary

Bring your backgrounds to life with this interactive particle system for Framer.

## Description

Bring your backgrounds to life with this interactive particle system for Framer. Particles float naturally across the screen, subtly reacting to your mouse. With a click of a setting, you can switch their interaction mode — attract or repel — creating mesmerizing effects for your visitors.

Each particle glows on hover or interaction, with full customization for colors, particle count, speed, and behavior. Ideal for portfolios, tech startups, creative agencies, and any site that could use a touch of interactive magic.

-   Dynamic particle background with physics-based motion
    
-   Interactive mouse tracking with **attract** or **repel** modes
    
-   Glowing particle effect on interaction
    
-   Fully customizable particle count, size, speed, and colors
    
-   Adjustable gravity strength and interaction radius
    
-   Works as a section background or full-page effect
    
-   Optimized performance for smooth rendering in Framer
    

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

-   All · #276

## Details

- **Author**: Brett Jackson
- **Published**: 2025-08-13
- **Updated**: 2025-08-13
- **Added**: 2025-08-09
- **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