hyperellipse

Transparent polyfill for CSS corner-shape. Native rendering in supporting browsers; spec-accurate JS fallback in Safari and Firefox.

Docs: https://hyperellipse.vercel.app

When to use

• User wants squircles, superellipses, scoops, or notches with cross-browser support
• User mentions corner-shape outside Chrome
• User integrates, debugs, or migrates to the hyperellipse npm package

Setup checklist

1. Install: npm install hyperellipse (or bun / pnpm)
2. CSS: set --corner-shape on each shaped element (does not inherit)
3. Client: call registerHyperellipse() once
4. SSR: add the CSS scale snippet (see below)