Developer tool
CSS Clip-Path Editor
Choose a shape, preview the clipping and copy the CSS rule.
Runs in your browser. No upload.
About this tool
CSS Clip-Path Editor made simple.
The preview is local and uses standard CSS shapes. Browser support can vary; test the copied rule in your target browsers.
Common questions
About CSS Clip-Path Editor.
How do I use CSS clip-path editor?
Choose a shape, preview the clipping and copy the CSS rule.
Is my data uploaded to a server?
No. This tool runs locally in your browser. Your input is not uploaded.