What is a Squircle?
A squircle is a shape between a square and a circle. Learn what squircles are, their history, the math behind them, and why they're used in modern UI design.
Articles about squircles, smooth corners, and modern UI design.
A squircle is a shape between a square and a circle. Learn what squircles are, their history, the math behind them, and why they're used in modern UI design.
Understand the visual and mathematical differences between squircles and rounded rectangles, including corner continuity and when to use each shape.
Discover how and why Apple adopted squircles for iOS app icons, hardware design, and UI elements, replacing traditional rounded rectangles.
Learn the mathematical foundation of squircles, from Piet Hein's superellipse to Lame curves, and how the formula creates smooth corners.
Why CSS border-radius can't create squircles, the approaches to implementing smooth corners on the web, and how squircle-js solves the problem.
Bridge the gap between Figma's corner smoothing and web development. Learn how squircle-js uses the same algorithm to match Figma designs.