Free CSS Clip Path Generator

Create CSS clip-path shapes visually. Drag control points on a preview element to create polygon, circle, ellipse, and inset shapes. Includes preset shapes like triangle, star, hexagon, and more. Live CSS output.

Preview
Shape Type
Presets
CSS Output

Need something more powerful?

Let us build it for you. Custom APIs, dashboards, automations — whatever you need.

Start a Project →
Open source

IT-Tools

269 free tools. No signup. Open source. Built by Christian Bucher.

IT-Tools Browse 269 Free Tools →