Skip to content

Text spinners

SVG

How it works

The line sits on a circular SVG path, and one slow CSS rotation turns each stamp. The three rings are variants of the same component: the black diamond stamp, a coloured one with an aster in the middle, and a bare line without a mark, flipped so the letters face the centre and the text reads along the bottom. Each ring measures your line and picks a letter size that fills the circle. Type something short, watch them refill, then copy the prompt to rebuild the diamond ring with exactly that text.