CSS Clip Path Generator

Create complex clip-path shapes with bezier curves. Upload an image, draw your path, and export ready-to-use CSS.

How it works

Add points

Click to place, click first point to close

Edit curves

Drag handles to adjust bezier curves

Navigate

Scroll to zoom, drag to pan

V SelectP Add pointH PanR Lock/Unlock⌘Z Undo