Text warper · Arc Upper
Arc upper text
Only the top edge curves; the baseline stays straight.
Loading font…
Using the Arc Upper style
Arc Upper works best on short, bold words. Start around a Bend of 0.6 and adjust until the shape reads at thumbnail size. The Horizontal and Vertical distortion sliders add a perspective taper on top, the same way Photoshop's Warp Text dialog does.
This style cannot be reproduced with CSS alone, so the code panel gives you the baked SVG path. It renders everywhere, including email.
Elsewhere this effect is called: Photoshop: Arc Upper.
Other warp styles
Frequently asked questions
How do I make arc upper text?
Type your text above, keep the Arc Upper style selected, and move the Bend slider. Then download PNG or SVG, or copy the code.
Can I cut arc upper text on a Cricut?
Yes. The SVG export is a single outlined path with a physical size in inches. Upload it in Design Space, and it appears at size and cuts exactly as previewed.
What is the Arc Upper warp called in Photoshop?
The same shape is Photoshop: Arc Upper.
Is it free and private?
Yes. Everything runs in your browser, nothing is uploaded, and downloads have no watermark.