CSS Clip-Path Generator
Create CSS clip-path shapes visually. Polygon, circle, ellipse, and inset with interactive editor.
Shape Type
Preview
Click to add points. Right-click a point to remove it.
Preset Shapes
Click to apply a preset polygon
CSS Code
Copy and paste into your stylesheet
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);