DEV Community

loading...

CodePen - Soften up your designs with a Squircle!

georgedoescode profile image George Francis ・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!) https://squircley.app/

Discussion (2)

pic
Editor guide
Collapse
jamesrweb profile image
James Robb

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

Collapse
georgedoescode profile image
George Francis Author

Thanks James!