DEV Community


CodePen - Soften up your designs with a Squircle!

George Francis
UI developer ⚡️ Generative everything ❤️ I write about creative coding & front-end development ✨
・1 min read

Here's an example of how Squircles can add some subtle softness to your designs. A Squircle, unlike an element with border-radius set has no straight edges at all. The shape is a continuous curve! Apple love this trick and use it in both physical and digital design.

Squircles were generated using (full disclosure, I built this!)

Discussion (2)

jamesrweb profile image
James Robb

Definitely going to check this out, nice work again dude! 🔥🔥

georgedoescode profile image
George Francis Author

Thanks James!

Forem Open with the Forem app