16 Physics Tag Pile

What it does

Drop your skills, services or tech stack as pill-shaped tags that fall with gravity, bounce and pile up. Visitors can grab and throw any tag, or sweep the cursor through the pile to scatter it. Give a tag a link and a tap opens it — dragging never does.

Customizable properties

• Tags — label, optional link, Featured accent (up to 60)

• Trigger — In View (optional Replay) or On Load

• Drop Style — Rain, Pour or Burst

• Physics — gravity, bounce, friction, stagger

• Interaction — Drag & Throw, Cursor Push, link target

• Keep Readable — tags settle within a Max Tilt (default 25°), never upside-down

• Colors — fills, Featured color, auto or custom text color

• Border, radius, padding, background and full font control

Why this component

• Tags can be links: skills → case studies, services → service pages.

• Cursor Push reacts to the pointer without grabbing.

• Three drop styles, from a calm footer to a playful hero.

• No physics library, one file — the loop stops once the pile rests.

• Canvas, static export and reduce motion always show a settled pile.

Need help?

Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.

Built with code but fully customizable via property controls — no coding needed. Unlink is not provided so we can keep delivering updates.