IconVault's CSS Shape Builder is a visual editor for the CSS clip-path property. Drag polygon points around on a grid, tune circle(), ellipse() and inset() with sliders, or hand-write path() data, and watch the clipped result update live. Copy the generated CSS or download it as a file. It is free and runs fully in your browser.

Clip-path is the easiest way to make non-rectangular UI: angled section dividers, star badges, hexagon avatars, arrow buttons and blob shapes, all without images or SVG files. The builder writes the exact polygon coordinates for you, which beats hand-calculating percentages, and the live preview shows precisely how the shape will look at any size.