Before building Clip Path Generator, we spent time directly using a popular, widely linked clip-path tool (bennettfeely.com/clippy) the way a real developer would.
Clicking a point brought up nothing
We clicked directly on a triangle's draggable corner point, expecting some kind of numeric field to appear so we could type an exact value. Nothing did — dragging the mouse is the only way to adjust a shape. If a design spec calls for a point at exactly 33.33%, the only path is to drag, read the generated text, and manually retype the number by hand.
No copy button, either
We searched the page for a copy control (even used our own page-search tooling to look for the word "copy") — the only matches were an ad's tagline and an unrelated outbound link. The generated clip-path: polygon(...) line has to be manually selected with the mouse and copied by hand.
And no -webkit-clip-path
The output is a single line — no -webkit-clip-path fallback, even though broader Safari compatibility still benefits from including it alongside the standard property.
What this tool does differently
Every point — or, for circle/ellipse/inset shapes, every radius and position value — is a plain number input you can type into directly. The code output always pairs clip-path with -webkit-clip-path, and there's a copy button next to it.
