Sheet 02 · Playground
Pull, drag, drop,
throw.
Five physics pieces, built as Framer components. Every one of them stops when it is off-screen, settles when it has landed, and respects your system’s reduced-motion setting.
Reduced motion
If your system asks for less motion, every piece on this page renders still and stays readable. Prefer no motion at all? The setup guide has a one-page section, “Turning motion off”.
01 · Physics Tag Pile
Skills that fall
into place.
Drop a pile of tags. Drag them, throw them, push them with the cursor. Each tag can be a link, and the pile stops computing once it has settled.
02 · Rope Toggle
The light switch,
on a rope.
A pull-cord with real rope physics. It switches the Framer colour styles between Light and Dark and remembers the choice. The same cord hangs from the navigation on every page.
03 · Sticker Board
Text and shape stickers with die-cut edges. Peel one off, throw it, double-click to reset the board. Any sticker can link somewhere.
04 · Plinko Links
Navigation you can
gamble on.
Tap to drop a ball. Whatever bin it lands in is a real link — and the odds are fair. Grab a ball and throw it if you are impatient.
05 · Magnetic Dock
A dock with
a pull.
Icons magnify as the cursor nears and lean toward it, like a desk drawer that wants to be opened. Keyboard focus and touch both work.
All five are BrandingUp components, installed from the Framer Marketplace. Edit their behaviour in the properties panel — tags, stickers, bins and dock items are plain lists — and delete any section you do not need.
Want one of these
on your own site?
Every piece is a standalone component. Or send a note and we build the whole thing.