This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
hyperellipse
CSS corner-shape polyfill for Safari and Firefox
A CSS corner-shape polyfill for Safari and Firefox. Native in Chromium, spec-accurate everywhere else. Supports squircles, superellipses, scoops, notches, SSR, borders, shadows, and outlines.
Hi everyone 👋
I built hyperellipse because I wanted to use the new CSS corner-shape property in production, but today it's only available in Chromium-based browsers.
Safari and Firefox simply ignore it, which makes it difficult to adopt for real projects.
hyperellipse provides a spec-accurate fallback for corner-shape, including squircles, superellipses, scoops, and notches. The goal was to make the same CSS work everywhere while preserving geometry as closely as possible to the native implementation.
Features:
• Native rendering in Chromium when available
• Spec-accurate fallback for Safari and Firefox
• SSR-friendly with no corner flash on hydration
• Works with borders, outlines, shadows, and transitions
• Framework-agnostic (React, Vue, Svelte, Next.js, etc.)
The project is fully open source and I'd love to hear your feedback, ideas, or edge cases I may have missed.
Thanks for checking it out! 🙌
About hyperellipse on Product Hunt
“CSS corner-shape polyfill for Safari and Firefox”
hyperellipse was submitted on Product Hunt and earned 4 upvotes and 1 comments, placing #143 on the daily leaderboard. A CSS corner-shape polyfill for Safari and Firefox. Native in Chromium, spec-accurate everywhere else. Supports squircles, superellipses, scoops, notches, SSR, borders, shadows, and outlines.
On the analytics side, hyperellipse competes within Open Source, Developer Tools, GitHub and Vercel Day — topics that collectively have 625.4k followers on Product Hunt. The dashboard above tracks how hyperellipse performed against the three products that launched closest to it on the same day.
Who hunted hyperellipse?
hyperellipse was hunted by Milkhail Mogilnikov. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of hyperellipse including community comment highlights and product details, visit the product overview.
Milkhail Mogilnikov