← All Tools

CSS Clip-Path Generator

Build clip-path shapes visually with draggable control points. Select a shape, adjust handles, and copy the CSS.

Controls
Shape Type
Polygon
Circle
Ellipse
Inset
Presets
Click on the preview area to add points. Drag points to reposition. Hover a point and click × to remove it.
50%
50%
50%
50%
40%
50%
50%
10%
10%
10%
10%
0%
Preview Background
Preview
CSS (click to copy)