Interactive physics-based balls that bounce, collide, and react to your mouse.
Made with Workshop
Build your own component with AI
Bring life and motion to your Framer site with Reactive Balls — a playful physics-based component that reacts to your mouse in real time.
You can choose between one and four fully customizable balls that bounce off walls, collide with each other, and move naturally as you interact. Each ball can be styled individually: use gradients, radial colors, or even custom images. Add glow, blur, pulse effects, and fine-tune their hitbox for perfect control.
It’s ideal for interactive backgrounds, hero sections, or simply adding a sense of motion and personality to your page.
Features:• Realistic physics with collision, friction, and bounce• Five style types: Solid, Gradient, Radial, Pattern, Image• Glow, Blur, and Pulse animations• Mouse interaction with adjustable force• Independent control for each ball• Optional debug mode to visualize hitboxes
Bring a bit of controlled chaos to your canvas — make your UI move and feel alive.