Step player

Press play and each step bar fills left to right, then hands over to the next dot. Click a dot while paused to jump.

Step player is part of Pro.

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

Play · pauseThe pause bars fold into a play triangle point by point, leaning into the turn. corner points of each half, as [x, y] pairs: [pause shape, play shape]
CarouselOne card fills the stage. Drag it: it follows your hand, reads your speed on release and coasts to the next card; past the ends it rubber-bands.
Code blockCode that writes itself in. Tokens blur in left to right, line after line, then the highlight bars draw down the gutter.
TerminalA terminal that types its commands character by character and prints their output a beat later. The blinking cursor waits at a fresh prompt when it is done.
CardA hairline surface. Interactive cards carry a soft light that follows the pointer and sink to .98 when pressed.
Avatar · GroupInitials on a hue gradient, or a photo, with an optional status dot cut into the ring. `Avatar` is one face; `AvatarGroup` overlaps faces in a row: near the pointer the row lifts and loosens on a gaussian, the nearest face comes to the front and a name pill slides along above.