Clip Path Generator

CSS Clip-path Generator

Create CSS clip-path shapes visually. Drag polygon points, adjust circle and ellipse parameters, or use inset. Copy production-ready code.

Color
3 points
CSS
Share this clip-path
Embed button (for blogs & docs)
Shape Mode

Drag points on the preview to reshape. Use + Point / – Point to add or remove vertices.

Radius50%
Center X50%
Center Y50%
Radius X50%
Radius Y35%
Center X50%
Center Y50%
Top10%
Right10%
Bottom10%
Left10%
Radius0px
Presets
Scroll to Top