---
title: "Image Into Particles — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rodrigo Calix · Backgrounds. Interactive"
canonical: "https://framer.elliotli.dev/component/image-into-particles"
---

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

# Image Into Particles

Interactive

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

![Image Into Particles preview image 1](https://framer.elliotli.dev/og/component/image-into-particles/87b798f6680bbe3a/1600x1200.jpg)

## Summary

Interactive

## Description

## Component properties

![List of properties of the component](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-0es3vcsg-y4iVaDaEe7fetDOzfAqJIhpl4Vmz7A)List of properties of the component

## Features

-   Support transparency on images
    
-   Responsive (particles rate changes according to the displayed size)
    
-   Highly customizable, choose the oscillation of the particles, density, brightness and more.
    
-   Parameters to change the behavior of the interactivity.
    
-   Fallback for low FPS renders, for example, Safari tends to limit the speed of the renders. Also, slow devices could have low frame rates, if the fallback is active, it will render a static image of particles.
    

## Would you prefer getting a bundle?

📦️ You can get my paid components including this one at a significantly lower price [following this link](https://contra.com/products/V3T33JrQ-schemetastic-framer-components-bundle)

## How to achieve a better FPS?

-   If you use a large image, more particles will be rendered, this will potentially decrease the FPS rate.
    
-   Try to use a good ratio of particles density and particles size on each breakpoint.
    

This component was built with Framer Workshop, a tool that allows you to make components using AI.

## Licensing

-   Pay once, use unlimited times ✅
    

More details in the purchase page.

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

-   All · #9136

## Details

- **Author**: Rodrigo Calix
- **Price**: $10.00
- **Published**: 2025-09-24
- **Updated**: 2026-10-20
- **Added**: 2025-09-18
- **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