Skip to content

Instantly share code, notes, and snippets.

@hiddenest
hiddenest / ios-like-squircle.css
Created April 16, 2026 09:25
iOS-like Squircle with Tailwind
/* Figma squircle G2 path — smoothing=0.6, bezier→arc→bezier per corner
* p=1.6r, coefficients: 1.04r, 0.76r, 0.546r, 0.109r (from Figma blog) */
@utility rounded {
--r: var(--radius-md);
@apply border-shape-squircle;
}
@utility rounded-* {
--r: --value(--radius-*, [length], [*]);
@apply border-shape-squircle;
}