Clip-Path Playground

A little UI for experimenting with and generating curves as CSS clip-path values using the shape() function.

Generate code as a Tailwind class, CSS, or a computed SVG. Use it for rounded corner cutouts or button addons as an alternative to masks.

Here are some examples: