CSS Clip Path Generator
Free online tool
How to use the CSS Clip Path
Generate polygon and basic-shape CSS for badges, banners and decorative elements.
- 1
Enter or choose the values you want to work with.
- 2
Adjust the available options and review the result instantly.
- 3
Use the displayed result, or copy or download it when that option is available.
Frequently asked questions
Is the CSS Clip Path free?
Yes. You can use this tool for free without installing an application.
Is my information uploaded?
This tool performs its main processing locally in your browser unless the interface clearly says otherwise.
Can I use it on a phone?
Yes. The workspace is designed for current mobile and desktop browsers.