Card Corners in Jetpack Compose: Convex, Concave, Cut and Sharp

Card Corners in Jetpack Compose: Convex, Concave, Cut and Sharp Pablo Costa 7 min read · Sep 19, 2025 -- Listen SharePress enter or click to view image in full sizeJetpack Compose makes it simple to apply rounded or cut corners on components like Card via classes like RoundedCornerShape or CutCornerShape. They allow ZeroCornerSize (0.dp) as corner size allowing you to actually mix and match them with sharp corners. So out of the box looks like is not possible to have a shape with cut and rounded corners. CornersShapeMy goal was to create a shape that allows me to mix and match concave, convex, sharp and cut corners. /*** A shape with per-corner customization: [Convex] (rounded), [Concave] (inward cut),* [Cut] (diagonal cut), or [Sharp] (90-degree).