Gravity
Text pills and circles drop into the frame, land on each other and settle on the floor. Visitors can pick any of them up with the pointer and throw it. The motion comes from a real 2D physics engine, matter-js.
Preview
Preview
Properties
Properties
- Type
- Framer component
- Price
- $5
- Year
- 2026
- Status
- Live
- Listing
- sauwarna.lemonsqueezy.com
- Slug
- gravity
Features
Features
- Each item's text, colors, font size and shape, either a rectangle or a circle.
- Where each item starts, in pixels or percent, and its starting angle.
- Each item's friction, bounce and density, and whether it stays fixed in place.
- Your own layers. Connect them under Layers and each one replaces the pill in the same position.
- Gravity on both axes, from -3 to 3. A negative Y makes items float up.
- The top wall, the grab cursor, the background, and whether the scene restarts when the frame resizes.
References
References Where to get it, and what it runs on.
Previous and next
Keep going
