CSS Clip-Path Generator

Visual CSS clip-path generator with shape presets. Create circles, ellipses, polygons, stars, hearts and more. Preview on images or colored backgrounds. Free clip-path maker.

Preview Background

Solid Color (if selected)

Shape Presets

Custom clip-path (editable)

CSS Code

Copied!

Ad Space

Free CSS Clip-Path Generator

Create CSS clip-path shapes visually with this free generator. Choose from preset shapes including circle, ellipse, triangle, pentagon, hexagon, star, arrow, cross, heart, diamond and more. Preview on gradients, solid colors or images. Copy the CSS code with vendor prefixes.