Gravity
Store

Gravity Pills that fall and can be thrown

Buy on Lemon Squeezy $5Framer component · 2026 · live

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
Gravity preview
Features

What it does

  • 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 see it, and what it's built on.