Generate

Physics

A rigid-body collision playground. Objects spawn, collide and settle, simulated by the matter-js engine so contacts are stable (no interpenetration), stacks rest properly and…

Try Physics free →
Runs in your browser. No download. Export when you're ready.

What it does

A rigid-body collision playground. Objects spawn, collide and settle, simulated by the matter-js engine so contacts are stable (no interpenetration), stacks rest properly and hundreds of bodies stay fast. Circles, rounded boxes and capsules (pills) all collide with each other and the walls. Gravity starts at zero, so objects float and launch speed, turbulence and string tension are what move them — turn it up for a drop. Spawn either as a Stream that feeds objects in over time until the count is reached, or All At Once with the full set present from the first frame. Turbulence adds a drifting swirl field with its own speed and swirl size, and its strength curves so the low end is a drift rather than a shove. Links connect nearby objects: Live re-tests proximity every frame so lines flicker as things pass; Persistent forms a link on first contact and keeps it, so the web accumulates and stretches; String makes each link a real rope with its own length, tension and damping — slack inside its length, taut past it, and never pushing, so tied objects swing and haul on each other. Slack strings are drawn hanging rather than straight. Controls: object count, spawn mode and rate, size + variation, shape mix and where they spawn from (top / centre burst / everywhere) with a launch speed; gravity, bounciness, friction, air drag, turbulence and walls (box / floor only / none); link mode, distance, count, string length, tension, damping, weight, colour, fade, slack and draw order; palette, checkerboard fill, outline, background. Settle & Hold runs the entire drop instantly and shows the result as a static composition.

Why Vibe Designer

Everything in the browser

No install. Open the Physics effect and start immediately.

Layer it up

Physics is a source-less generator you can drop straight onto the canvas — stack it with the rest for something nobody else has.

Animate & export

Seamless looping video (MP4/GIF) and high-res image export, straight from the canvas.

More Generate effects

Make something with Physics

Open it in the editor and see it move in seconds.

Open the editor →