CSS Clip-Path Generator
Visually design CSS clip-path shapes: polygons, circles, ellipses, and insets. Drag points on the canvas, pick from shape presets (triangle, star, arrow, hexagon, message), and copy clean clip-path CSS instantly.
Tip: click empty canvas to add a point · drag points to move · double-click a point to delete · right-click a point to delete.
50%
50%
50%
50%
50%
50%
50%
10%
10%
10%
10%
0px
Copied!