Early bird50% off every Moduly widget and plan in your first order. One use per customer.See prices
Get Moduly free
Elementor · Interactive & Motion · live demoDropping ElementsAdd a playful physics moment that invites visitors to interact.

Dropping Elements — every design

A real little physics engine: tags, icons, emoji and images fall, collide and pile up, and you can grab and throw them. Plus a Happy-style placed engine, float and rise modes, cursor attract / push / glow, phone tilt, triggers and replay.

New in 1.1: start from another element, a start line, air resistance and open side walls, card items with pictures, and touch, reduced-motion and device controls.

1. Physics engine — drop and pile up

Items fall in from the top, collide, tumble and stack. Grab any item and throw it.

BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo

2. Modes

Drop, collapse (start in a tidy layout, then fall), float (zero gravity) and rise (bubbles).

BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo

3. Item types and shapes

Text capsules, icons with labels, emoji, images — as capsules, circles, rounded, square or hexagon tiles.

FastSecureLovedGreenGlobalTop ratedLaunchSmart
🍋🍓🥑🍩🍕🌮🍉🍒🥐🧁🍔🍇🥨🍪
FastSecureLovedGreenGlobalTop ratedLaunchSmartFastSecureLovedGreen

4. Physics settings

Gravity, bounciness, friction, starting tilt and per-item weight and copies.

Lowgravityslowfallfeatherlightdriftcalm
Superbouncyrubberballsboinghopspringjump
Iceslipperyslideskateglidesmoothslickrink
Heavy🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈

5. Triggers

When scrolled into view (default), on page load, on click or Enter, on hover — plus replay every time it comes into view and a replay button.

BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContent
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContent
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContent
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContent

6. Cursor effects

Attract the nearest items, push items out of the way, glow under the cursor, pop everything on an empty click.

BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo

Click the empty space

BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo

On a phone, tilt it

BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo

7. Placed engine — Happy-style choreographed drops

Each item drops onto the spot you set (per device) with bounces and a squash, then follows or dodges the cursor. Drag and it springs back.

DesignMotionBrandWeb3DCopySEOVideoSocialPrint
DesignMotionBrandWeb3DCopySEOVideoSocialPrint
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
Daniel ReyesDaniel ReyesKofi MensahKofi MensahLena FischerLena FischerMaya OkaforMaya Okafor

8. Finished designs

Hero, dark neon, sticker wall, logo pit.

Studio Northwind

Everything your brand needs

Fourteen disciplines, one team. Grab a tag and throw it around.

See our work
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo
BrandingUX researchWeb designMotionCopywritingSEOIllustration3DStrategyContentPhotographyPackagingSocialVideo

Built for the night shift

Neon capsules, zero gravity.

🍋🍓🥑🍩🍕🌮🍉🍒🥐🧁🍔🍇🥨🍪🍋🍓🥑🍩🍕🌮

Fresh every morning

Trusted by 1,200 teams

9. Start from another element

New in 1.1: name a heading or button by CSS selector — each click drops the items again.

Hoodies 😃Tees ✌️Knitwear 😛Outerwear ☺️Crop tops 🤫Zips 😮

10. Start line, air and stronger gravity

New in 1.1: start once the box top reaches 70% of the screen, with air resistance (left); or gravity turned up to the new maximum of 5 (right).

Organic cottonSmall batchesFree repairsPorto made30-day returnsGarment dyedHeavyweightUnisex fits
Organic cottonSmall batchesFree repairsPorto made30-day returnsGarment dyedHeavyweightUnisex fits

11. Side walls off, pop on click

New in 1.1: throw a letter past the edge and it falls out of the box; click empty space to pop them all; the replay button brings them back.

PORTO©

12. Card items

New in 1.1: cards with a title, text and an optional picture — for figures, notes and products.

420 gHeavyweight organic cotton30 daysFree returns1 dayFrom order to dispatch12Colours this seasonFor lifeFree repairsLife HoodieBack in stock in four colours

13. Touch, reduced motion and devices

New in 1.1: a swipe scrolls the page instead of grabbing on touch screens, a plain row for reduced motion, turned off on phones, and dropped on page load.

Organic cottonSmall batchesFree repairsPorto made30-day returnsGarment dyedHeavyweightUnisex fits