Shape

A corner radius scale plus 35 expressive shapes that components can morph between.

• Interactive page: https://m3e.ljzapps.app/#foundations/shape

A corner radius scale (extraSmall 4 dp, small 8 dp, medium 12 dp, large 16 dp, largeIncreased 20 dp, extraLarge 28 dp, extraLargeIncreased 32 dp, extraExtraLarge 48 dp, plus full) and 35 expressive shapes in MaterialShapes that components such as buttons, icon buttons and FABs morph between.

Box(
    Modifier
        .size(96.dp)
        .clip(MaterialShapes.Cookie9Sided.toShape())
        .background(MaterialTheme.colorScheme.primaryContainer),
)

Shapes in MaterialShapes: Circle, Square, Slanted, Arch, Fan, Arrow, SemiCircle, Oval, Pill, Triangle, Diamond, ClamShell, Pentagon, Gem, Sunny, VerySunny, Cookie4Sided, Cookie6Sided, Cookie7Sided, Cookie9Sided, Cookie12Sided, Ghostish, Clover4Leaf, Clover8Leaf, Burst, SoftBurst, Boom, SoftBoom, Flower, Puffy, PuffyDiamond, PixelCircle, PixelTriangle, Bun, Heart.