✂️
Clip-Path Generator

Shape Type

Presets

Circle Settings

50%
50%
50%

Ellipse Settings

50%
30%
50%
50%

Inset Settings

10%
10%
10%
10%
0%

Points

Preview Mode

CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  • SVG path export
  • Animation keyframes
  • Custom image upload
  • Figma plugin
aikemist.com · Made by Alkemist