Free CSS Clip-Path Maker
The CSS Clip-Path Maker helps you cut any element into a shape visually. Pick a preset or drag the polygon vertices, then copy the generated clip-path CSS into your stylesheet.
How to Use
Choose a shape type, adjust the values, and watch the preview. Drag the round handles on a polygon to reshape it. When it looks right, copy the CSS.
- Presets: triangle, rhombus, pentagon, hexagon, star, arrow, and more
- Draggable polygon vertices
- Circle, ellipse, and inset modes with numeric controls
- Copy the generated clip-path CSS
- Runs entirely in your browser
Related Image & Color Tools
You might also need
Tools from other categories that people pair with the Clip-Path Maker: