CSS Clip Path Generator

Create CSS clip-path shapes visually. Drag control points, choose presets, or switch to circle and ellipse modes.

Runs in your browser — no data leaves your device

Presets

Editor— drag · double-click adds · right-click removes

3 points

Preview

CSS Outputclip-path: polygon(50% 0%, 100% 100%, 0% 100%);

Value only:

Full rule: