CSS clip-path Generator

Select a shape type and drag points to customize. Double-click to add new points to polygons. Use presets for common shapes.

• Polygon/Circle/Ellipse/Inset shapes
• Drag-and-drop point editing
• Preset shapes (triangle, star, arrow)
• Real-time CSS output

• When creating custom shaped elements
• When designing image masks
• When building creative UI layouts