---
title: "ParticleImage — Free Framer component · Best of Framer"
description: "Free Framer component · by Oleksandr Demydov · Backgrounds. Turn any image into a living parti"
canonical: "https://framer.elliotli.dev/component/particleimage"
---

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

# ParticleImage

Turn any image into a living parti

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

![ParticleImage preview image 1](https://framer.elliotli.dev/og/component/particleimage/f7850d0702e2f9c7/1600x1200.jpg)

## Summary

Turn any image into a living parti

## Description

Particles Image transforms any photo into a WebGL particle simulation where thousands of points swarm, drift, and reform — each one sampled directly from your image colors.

**What it does**

-   Spawns up to 600,000 particles on the GPU via Transform Feedback — no CPU work per frame
    
-   Each particle inherits the color of its position in the source image
    
-   On load, particles fade in first, then the full image materializes beneath them
    
-   Cursor pushes particles aside as you move; they flow back when you leave
    

**Controls — all live, no reload**

-   **Particles** — count, size, softness, opacity, lifespan
    
-   **Motion** — speed, noise force & scale, damping
    
-   **Mouse** — on/off, force, radius, smoothing
    

**In the editor** Displays a static preview of your image — no canvas overhead on the design canvas.

**Setup** Drop it on the canvas, pick an image, done. Adjust background color and whether the full image shows behind the particles.

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

-   All · #4565

## Details

- **Author**: Oleksandr Demydov
- **Published**: 2026-06-17
- **Updated**: 2026-08-26
- **Added**: 2026-06-17
- **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