buttons
Self-drawing SVG logo
An SVG wordmark animated piece by piece with pure CSS: the circle pops in with overshoot, the arcs are traced using dasharray while sliding, and the text arrives with blur from one side, all gated by an is-ready class.
See it live and copy its promptWhat you can adjust
- Circle pop
- Arc stroke
- Text reveal
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
