We all love the squircle! It's great, we can use it to make corners feel extra smooth. Gives that little bit of zhuzh. Others can tell you all about the math and why we love it. And now we can use them in CSS! There's just one problem... for the same border-radius, the squircle will look less rounded than the circle. That's where this package comes in.
Interactive sandboxes showing squircle in action. Edit the code live to experiment with squircle utilities.
Compare regular rounded corners with squircle corners at different radii using Tailwind CSS utilities.
Squircle utilities authored as StyleX dynamic styles —
stylex.props(squircle.all('1rem')).
Squircle utilities via the Panda preset, prefixed to coexist with Tailwind on the same page.