Particle Weave
ParticleWeave adds a dynamic, interactive particle network to your design. Customize colors, speed, and density for stunning animated backgrounds that react to hover and clicks.
Made with Workshop
Build your own component with AI
ParticleWeave is a sleek, interactive particle animation system inspired by particles.js, built natively for Framer. It creates a dynamic web of motion, where particles move, connect, and respond to user interactions — perfect for giving your website a sense of depth and energy.
Whether used as a subtle animated background or a centerpiece visual, ParticleWeave enhances your layout with modern, responsive motion effects that draw attention without distraction.
✨ Key Features
Fully Customizable: Adjust particle count, size, colors, speed, and link distances.
Interactive Hover: Connects particles to your cursor for an engaging experience.
Click Effects: Spawns new animated particles on user clicks.
Responsive & Retina Ready: Automatically adapts to any layout size and pixel density.
Lightweight & Smooth: Uses optimized Canvas rendering for high performance.
Framer Native Controls: Every setting is adjustable directly from the Framer properties panel.
🪄 Best For
Modern hero sections and background motion.
Interactive landing pages or portfolios.
Tech, digital, or creative brand websites.
Subtle animated backdrops for presentations or product showcases.
UI/UX experiments where dynamic visuals enhance engagement.
