@klinking/tw-squircle
Tailwind CSS v4 superellipse corner utilities with visual radius correction
GitHub
Correction
ON
Border Radius
60px
Superellipse Exponent
n = 1.5
CSS Overlay
● circular
● squircle
circle r:
60
px
squircle r:
78
px
Math Explorer
Correction formula:
r' =
r
× (1 - 2
-½
) / (1 - 2
-1/
n
)
=
130
px
Radius
Perceived Radius
Diff
Circle
—
—
—
Superellipse
—
—
—
Corrected
—
—
—