Squircle Generator is a free, browser-based tool for creating squircles — superellipse shapes that sit between a square and a circle. You drag a few sliders and copy a ready-to-paste CSS clip-path or download a scalable SVG.
Squircles look great but are surprisingly fiddly to produce. A normal border-radius only gives circular-arc corners, not the continuous curvature of a true superellipse, and many existing tools either export a single fixed shape or ask you to sign up. This tool was built to make the whole thing instant: adjust the size and smoothing, see a live preview, and grab clean code — no account, no watermark.
n).clip-path: path() or download a scalable .svg.All of the geometry is computed locally in your browser. Nothing you create is uploaded or stored on a server. See the Privacy Policy for details.
Squircle Generator is a small, focused utility for designers and front-end engineers. It is free to use, and its implementation is available in the public source repository.
Open the generator →Spotted a bug or want a feature? Reach out via the contact page or email [email protected].