Dotform

Image to Particles is a highly visual and interactive Framer component that transforms static images into mesmerizing particle animations that smoothly respond to cursor movement.

Designed for creative websites, product showcases, portfolios, and art-driven layouts, this component helps you create premium, high-end interactions in seconds — without writing a single line of code.

Simply replace the image, move your cursor, and watch the particles come alive.

✨ Key Features

• Cursor-reactive particle interaction with smooth motion

• Image-based particle generation

• Multiple visual styles for art, decoration, and product highlights

• Plug-and-play setup with no complex configuration

• Lightweight and optimized for smooth performance

• Fully customizable directly inside Framer

🛠 How to Use (Setup Guide)

1. Add the Image to Particles component to your Framer canvas

2. Replace the default image with your own

3. Adjust particle settings from the properties panel

4. Preview or publish — the interaction works automatically

5. Move your cursor to experience the particle effect

🎯 Best Use Cases

• Hero sections with strong visual impact

• Creative agency websites

• Product decoration and art direction

• Portfolio showcases

• Experimental and interactive designs

🧠 Customization Options

• Image Source – Choose the image that will be converted into particles

• Particle Size & Density – Control the scale and amount of particles

• Brightness – Adjust the visual intensity of the particles

• Oscillation – Define how much particles gently move back and forth over time

• Cursor Attraction – Control how strongly particles respond to cursor movement

• Idle Attraction – Adjust particle motion when the cursor is inactive

• Padding & Layout – Fine-tune spacing and placement within any Framer section