# Freeze and annotate

Pause a controlled animation and show annotations without remounting it.

Source: https://legend.so/slides/effects/freeze-frame/

Legend Slides: Preview.

[← All effects](https://legend.so/slides/effects/)![Freeze and annotate in Legend Slides](https://legend.so/slides/effects/previews/freeze-frame/7dfc21d8344fb240e6ffa97886be6b5f7f5ebfbfef9b8838345fad355b519418.png)

Still captured in Legend Slides for macOS (development build).

[Install in Slides](legend-slides://effects/install?pack=presenting&version=1.0.0)[Open example in Slides](legend-slides://effects/example?effect=freeze-frame)[Download example](https://legend.so/slides/effects/examples/freeze-frame/71f6818d9446d73214f9f803f0a37b155def5e42c96114805c312232071e0b4c.mdx)

Requires a Legend Slides build with effect installation support. Installs the presenting pack (1.0.0, 22 KB source) and its dependencies. macOS host capabilities: reanimated, skia. Installed decks work offline.

## Use it in a deck

```mdx
---
title: Freeze and annotate
---

import { View, Text } from "react-native";
import { FreezeFrame } from "slides:presenting/FreezeFrame";
import Animated, { useAnimatedStyle } from "react-native-reanimated";

export function Orbit({time}) { const style = useAnimatedStyle(() => ({transform: [{translateX: 600 + Math.sin(time.value) * 300},{translateY: 220 + Math.cos(time.value) * 100}]})); return <View style={{width: 1696,height: 650}}><Animated.View style={[{width: 100,height: 100,borderRadius: 50,backgroundColor: "#67e8f9"},style]} /></View>; }

# Freeze and annotate

<View style={{ width: 1696, height: 650 }}>
<Steps count={2}>{step => <FreezeFrame paused={step > 0} annotation={<Text style={{color: "white",fontSize: 48}}>Pause to explain this frame</Text>}>{time => <Orbit time={time} />}</FreezeFrame>}</Steps>
</View>
```

## Configure

**paused**

Pause the supplied clock.

**children**

Feed the supplied shared seconds to your animation.

**annotation**

Content shown while paused.

Only imported effects enter the compiled deck. [Installation and versioning →](https://legend.so/slides/effects/installation/)

[View Markdown](https://legend.so/slides/effects/freeze-frame.md)[Report a documentation correction](https://github.com/LegendApp/legend-docs/issues/new?title=Docs%3A+Freeze+and+annotate&body=Page%3A+https%3A%2F%2Flegend.so%2Fslides%2Feffects%2Ffreeze-frame%0A%0AWhat+is+incorrect+or+missing%3F%0A%0AExpected+behavior+or+supporting+source%3A%0A)