CollisionShapes
Add life to your Framer projects with realistic physics! Collision Shapes brings falling, bouncing, and colliding shapes with smooth animations and interactive controls.
Make it with Workshop
Build your own component with AI
Preview Link: https://collisionable-shapes.framer.website/
Add life to your Framer projects with realistic physics! Collision Shapes brings falling, bouncing, and colliding shapes with smooth animations and interactive controls.
✨ Features
🎮 Interactive Physics
Realistic gravity, bounce, and friction
Shape-to-shape collision detection
Drag and drop shapes with throwing mechanics
Push shapes with your cursor
🎨 Fully Customizable
8 customizable color slots
Adjust shape size, count, and physics properties
Support for custom SVG shapes
Toggle between mixing or replacing default shapes
Transparent background support
📱 Responsive Design
Automatically adapts to all screen sizes
Perfect for mobile, tablet, and desktop
Shapes scale proportionally
