Interactive Particle
A dynamic, hover-responsive particle background. Customize colors, count, spread, speed, and size to create a unique sense of depth and motion for any section.
Make it with Workshop
Build your own component with AI
About this Component
Bring your Framer projects to life with a sleek, interactive particle system. This component creates an elegant field of particles that react smoothly to cursor movement.
Best Uses
🖼️ Hero Sections: Add subtle interaction and depth over your key visuals.
🚀 Landing Pages: Engage visitors immediately with a responsive experience.
✨ Portfolio Websites: Showcase your work with a modern, interactive background.
⏳ Loading Sequences: Use as an animated, non-intrusive loading indicator.
Key Features
Hover Interaction: Particles intelligently move away from the cursor (can be disabled for a static effect).
Full Customization: Fine-tune the particle & background colors, count, spread, movement speed, and base size.
Lightweight & Smooth: Optimized for silky-smooth performance in Framer.
⚠️ Note: The interactive hover animation is optimized for a live environment and will be visible in Framer's Preview mode and on the published site, but not on the static canvas.
