I spent way too long creating inverted corners in Framer. Every time I needed them done, it was the same routine. Drawing a vector, sizing it by hand, redoing it when the radius changed, and adding a second shape if I needed padding.

So I finally built a code component for it. Honestly should have done it months ago. Now, if the radius changes, I just update the number and the shape follows.

I published it on the Marketplace for free in case anyone has been doing this the hard way too.

Let me know if you find it useful.

Check it out on the marketplace.

I spent way too long creating inverted corners in Framer. Every time I needed them done, it was the same routine. Drawing a vector, sizing it by hand, redoing it when the radius changed, and adding a second shape if I needed padding.

So I finally built a code component for it. Honestly should have done it months ago. Now, if the radius changes, I just update the number and the shape follows.

I published it on the Marketplace for free in case anyone has been doing this the hard way too.

Let me know if you find it useful.

Check it out on the marketplace.