Text warper · Flag
Flag text effect
One full wave across the word, like cloth in the wind.
Loading font…
Using the Flag style
Flag works best on short, bold words. Start around a Bend of 0.5 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: Flag.
Other warp styles
Frequently asked questions
How do I make flag text effect?
Type your text above, keep the Flag style selected, and move the Bend slider. Then download PNG or SVG, or copy the code.
Can I cut flag 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 Flag warp called in Photoshop?
The same shape is Photoshop: Flag.
Is it free and private?
Yes. Everything runs in your browser, nothing is uploaded, and downloads have no watermark.