DEV Community

George Francis
George Francis

Posted on

CodePen - Soften up your designs with a Squircle!

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!