Creative Utility

CSS Clip-Path Shape Designer

Design complex geometric CSS clip-paths by dragging interactive coordinate nodes.

Shape Canvas

Drag the red dots around the grid to customize your clipping polygon.

Choose base shapes to begin, or copy the compiled CSS snippet directly.

Preset Shapes

Compiled CSS