Regular CSS borders are round by default, and that's the only option available until CSS Houdini will be cross-browser supported. However, UX/UI desig

Monoco — smooth squircle corners for HTML elements

submited by
Style Pass
2024-12-14 13:30:09

Regular CSS borders are round by default, and that's the only option available until CSS Houdini will be cross-browser supported. However, UX/UI designers are often in search for more expressive shapes. For example, Figma supports squircles natively.

Monoco works by generating dynamic SVG code based on parameters of your choosing and setting that as a CSS background image or clip path. As such, it's compatible with all modern browsers.

Leave a Comment