CSS Clip-Path Generator

Visually craft custom polygons, manipulate vertex handles live, and generate production-ready CSS.

Shape Presets

Vertex Controls

Active Vertices

Background Content

Preset Image

Generated CSS Code

clip-path: polygon(50% 0%, 100% 100%, 0% 100%);