---
title: "Geo Particle BG — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Saeef · Backgrounds. Geo Particle BG is a professional geometric particle background animation component built for Framer, designed to enhance modern websites,…"
canonical: "https://framer.elliotli.dev/component/geometric-particle"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Geo Particle BG

# Geo Particle BG

Interactive particle background FX

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

![Geo Particle BG preview image 1](https://framer.elliotli.dev/og/component/geometric-particle/83c330509ddd1c12/1600x1200.jpg)

## Summary

Geo Particle BG is a professional geometric particle background animation component built for Framer, designed to enhance modern websites, landing pages, hero sections, and…

## Description

Geo Particle BG is a professional geometric particle background animation component built for Framer, designed to enhance modern websites, landing pages, hero sections, and immersive digital experiences.

It generates a dynamic field of floating particles that connect through smooth animated lines, forming an elegant network-style background that adds depth, motion, and visual sophistication without overwhelming foreground content.

### Key features include:

-   Flexible particle count control to balance performance and visual density
    
-   Dynamic connection lines that form responsive geometric networks
    
-   Smooth mouse hover interactions that gently influence particle movement
    
-   Click-based repulsion effects that create interactive motion bursts
    
-   Full customization of particle size, color, line thickness, and connection distance
    
-   Adjustable animation speed for fine-tuned motion behavior
    

The component is optimized for both aesthetics and performance, making it suitable for SaaS landing pages, creative portfolios, tech startups, agency websites, Web3 projects, and high-end marketing pages.

### How to use:

-   Drag and drop the component into your Framer canvas
    
-   Set width and height to full layout (e.g., 1fr / 100vh)
    
-   Adjust particle count, speed, and visual styling
    
-   Enable or disable hover and click interactions as needed
    
-   Customize colors to match your brand or design system
    

### Best practices:

-   Use subtle, low-opacity colors for premium background feel
    
-   Reduce particle density for better performance on large screens
    
-   Pair with strong typography and clear foreground elements
    
-   Keep motion balanced to avoid visual noise in hero sections
    

Geo Particle BG transforms static backgrounds into interactive, modern visual systems that elevate user engagement and overall design quality.

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

-   All · #10181

## Details

- **Author**: Saeef
- **Price**: $12.00
- **Published**: 2025-09-26
- **Updated**: 2026-06-10
- **Added**: 2025-09-22
- **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