Dropping Elements
Nothing in core moves like this: it has no physics, no drag and no playful motion at all. This block drops words, emoji, icons or pictures into a box, where they tumble, bounce and pile up in a real 2D physics world, and visitors can grab and throw them. It can start when scrolled into view, on load, on click or on hover; items can fall, start in rows and collapse, float or rise; the pointer can pull or push them; a heading, text and button can sit behind or in front; and visitors who prefer less motion see the settled pile straight away.
Ready-made patterns
Inserter → Patterns → Moduly.
Everything we do
Pick them up and throw them around.
Fresh this week
Start it from anywhere
New in 1.1: click this heading to drop the tags — each click drops them again. Any element can be the trigger, named by its CSS selector.
Cards with a picture
Card items carry a title, a line of text and an optional picture — for stat cards, product cards and quotes.
Pine CrewBrushed fleece, relaxed fit.Physics you can tune
Starts when the box top reaches 70% · gravity 3 · bouncy · air resistance · links
No side walls · click empty space to pop · drop again
On page load · swipes scroll the page on touch screens · a plain row for reduced motion · off on phones
More motions
Product photos · circles · pointer pulls them
Icons with words · float without gravity · glow
Rows that collapse when hovered · heavy and light items · hexagons · drop again button below