CSS Clip-path Generator

Generate CSS clip-path shapes visually. Drag points to create polygon, circle, ellipse, and inset shapes.

Live Preview
Generated CSS
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
Polygon Points

Drag the white dots on the preview to move points.

Need uptime monitoring? AlertsDock monitors your APIs and cron jobs — starting at $12/mo.