Play · pause

The 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]

Play · pause is part of Pro.

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

Get Pro Already Pro? Sign in

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.
Scroll revealA scrolling list whose cards wait, blurred and a touch small, until they scroll into view, then arrive. A hairline at the top fills with how far you have scrolled (written to a CSS variable, no React per frame).

Play · pause

Play · pause is part of Pro.

Related