---
title: "Transition: anvil"
description: Content drops in from above, lands with a shake and throws dust.
---

Anvil is an enter only. Use it for something heavy that should land, such as an error banner or a "Level complete" card.

## Usage

The sample drops a card in with dust at its base.

```kotlin
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import com.jantursky.kapow.KapowAnimatedVisibility
import com.jantursky.kapow.KapowEnter

@Composable
fun LevelComplete(visible: Boolean) {
    KapowAnimatedVisibility(
        visible = visible,
        enter = KapowEnter.anvil(),
    ) {
        Box(Modifier.size(240.dp, 120.dp).background(Color.DarkGray))
    }
}
```

## Parameters

| Parameter | Default | Description |
| --- | --- | --- |
| `duration` | `1400.milliseconds` | How long the whole transition takes, including the shake and the dust. Must be positive. |
| `dropHeight` | unspecified | How far above its place the content starts. Unspecified is twice its own height, at least 200 dp. Must be positive. |
| `shake` | `1f` | How strong the shake after landing is, as a factor. 0 lands without a shake. Must not be negative. |
| `dustColor` | `Color(0xFFB0B0B0)` | The color of the dust. |
| `dustCount` | `6` | How many puffs of dust run out to each side, from 0 to 40. |

Every transition also has `.delay(...)`, `.easing(...)` and `.reducedMotion(...)`. See [Stagger](/effects/transition-stagger).


## Reduced motion

The transition becomes a fade over the same duration or shorter. There are no particles and no movement.

## Notes

- Particles draw through a [particle layer](/guides/particle-layer) when one is above the element, so a clipping parent does not cut them off. Without one they draw around the element.
- The content falls into place in the first tenth of the transition. Then it shakes briefly and dust spreads sideways from its base.
- There is no exit version. Pair it with an exit such as `KapowExit.poof()`.

## Live example

<iframe class="live-example" src="https://kapow-demo.vercel.app/#transition-anvil" title="Live example: transition-anvil" loading="lazy" allow="autoplay"></iframe>