texts
Text banner on a curved path
The text rides an SVG textPath, so the glyphs genuinely curve along the baseline, which offset-path cannot do. The Bezier's control point sits far below the viewBox, so only the crown of a deep parabola shows and the arc comes out gentle rather than a tight U. The colour never moves: five gradient stops walk the same wheel, each one position out of phase.
See it live and copy its promptWhat you can adjust
- Background
- Head color
- Secondary color
- Curve depth
- Turn duration
- Travel duration
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.
