---
title: "Floating Particles — Free Framer component · Best of Framer"
description: "Free Framer component · by Adryan · Backgrounds. Description FloatingParticles is a lightweight visual component that renders gently animated particles."
canonical: "https://framer.elliotli.dev/component/floating-particles"
---

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

# Floating Particles

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

![Floating Particles preview image 1](https://framer.elliotli.dev/og/component/floating-particles/057785a6785bbf68/1600x1200.jpg)

## Summary

Description FloatingParticles is a lightweight visual component that renders gently animated particles.

## Description

## Description

FloatingParticles is a lightweight visual component that renders gently animated particles. It's ideal for enhancing modern interfaces with calm floating motion. You can customize particle count, size, speed, blur, color palette, and opacity to match your desired aesthetic.

Particles bounce and drift with natural motion inside their container, adapting to the component’s size and staying performance friendly even with hundreds of elements.

## Use Cases

1.  **Ambient Motion**Bring calm movement to headers, hero sections or cards
    
2.  **Spatial UI Design**Reinforce futuristic or immersive interfaces
    
3.  **Microinteraction Layers**Add atmosphere to loading states or idle screens
    

## Customizations

-   **Particle Count**Control how many particles are visible
    
-   **Size**Adjust the pixel size of each floating dot
    
-   **Colors**Use up to three color options for subtle variation
    
-   **Speed**Control how quickly the particles drift
    

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

-   All · #1585

## Details

- **Author**: Adryan
- **Published**: 2025-08-04
- **Updated**: 2025-11-16
- **Added**: 2025-07-31
- **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