Lanyard badge

A badge on a cord. Drag it and it swings on a damped pendulum; the holo sheen and the sleeve highlight track the swing.

Lanyard badge is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

TugA hairline between a header and a card. Pull the card down and the line stretches and thins; past the commit point it ticks, and on release the line snaps (a stub recoils) while onRefresh runs.
CoinA coin with real thickness (iridescent milled rim, grainy face, embossed glyph, engraved back). Drag across it to spin it about any axis; it keeps its momentum, then settles flat, face up or down.
WashThe next picture arrives as a watercolour wash. Press anywhere and gooey blobs spread from that point, soft at first with a wet edge that dries as they cover the frame.
KeysOne octave as flat hue pads. Press sinks a pad, a ring leaves it and its note rings; drag across the pads to glide, or type a to k while the pointer or focus is on the block.
Warm fieldA grid of short strokes. Each turns to face the pointer and warms from ink to orange by distance.
Pull gridA field of dots. The pointer pulls each one toward it by stretching it into a short line that points at the pointer; pressing stretches the whole field, releasing snaps the lines round on a spring.