CSS clip-path Generator
Free online CSS clip-path generator, no installation required. Visual custom shape clipping editor
CSS clip-path Generator
Create custom shapes using CSS clip-path. Choose from presets like triangles, stars, polygons, or build your own polygon point by point.
▶What browsers support clip-path?
All modern browsers support clip-path. The -webkit- prefix is included for Safari compatibility.
▶How do polygon coordinates work?
Coordinates are percentages from the top-left corner: (0%, 0%) is top-left, (100%, 100%) is bottom-right.
If this tool helped you, consider buying the author a coffee.
Buy Me a Coffee