Clip-Path Generator

Create custom clip-path shapes with visual editor

Shape Type

Circle Properties

50%
50%
50%

Presets

Live Preview

Generated CSS

clip-path: circle(50% at 50% 50%);