# 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.

```kotlin
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.