Gravi
Bring your designs to life with interactive physics. Drop images or text into a realistic gravity playground with draggable, bouncy objects.
Make it with Workshop
Build your own component with AI
About this Component
Gravi is an interactive physics playground for Framer powered by Matter.js. Easily add images or text objects to your scene and watch them fall, bounce, and collide with realistic gravity simulation.
Key features:
• Drag & throw objects directly in the canvas
• Adjustable gravity and bounciness for creative effects
• Supports images and text with custom sizing
• Realistic collisions and wall constraints using Matter.js physics engine
• Customizable background with color or image
Perfect for creating playful hero sections, interactive landing pages, or engaging micro-interactions in your Framer projects.
