icons
Superellipse icons
A border-radius drops in an arc of a circle and stops it dead against the straight side: the curvature jumps and the eye reads a hard little corner. A superellipse, |x|^n + |y|^n = 1, turns slowly and eases into the side with no step. Generate it by sampling the equation, apply it with clip-path: path, and let the component show the comparison beside it.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Glyph colour
- Icon size
- Exponent
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.
