DEV Community

loading...

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

Discussion (2)

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!

Forem Open with the Forem app