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!) https://squircley.app/

Top comments (2)

Collapse
 
jamesrweb profile image
James Robb

Definitely going to check this out, nice work again dude! πŸ”₯πŸ”₯

Collapse
 
georgedoescode profile image
George Francis

Thanks James!