# Animated title

Sixteen entrances for words, letters and whole headings; four curated starting points.

Source: https://legend.so/slides/effects/animated-title/

Legend Slides: Preview.

Start with `soft-rise`, `word-lift`, `split-arrival`, or `wipe` for most decks. All sixteen presets remain available.

[All effects](https://legend.so/slides/effects/)

[Animated title preview](https://legend.so/slides/effects/previews/animated-title/3be418f24ca51905d132267596924ac899ef53311d145d84f3d7adb9cd7401b7.mp4)

Recorded in Legend Slides for macOS (release build).

[Install in Slides](legend-slides://effects/install?pack=typography&version=1.0.1) [Open example](legend-slides://effects/example?effect=animated-title) [Download example](https://legend.so/slides/effects/examples/animated-title/94cc84f151e2c6f387808b4537c2460b6f39346ba8fdc29eb950b0ca8f9db59d.mdx)

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

## Use it in a deck

animated-title.mdx

```mdx
---
title: Animated title
---

import { View, Text } from "react-native";
import { AnimatedTitle } from "slides:typography/AnimatedTitle";

export const recommended = ["soft-rise", "word-lift", "split-arrival", "wipe"];

# Animated title

<View style={{ width: 1696, height: 650, justifyContent: "center" }}>
<Steps count={4}>{step => <View><Text style={{ color: "#67e8f9", fontSize: 35, marginBottom: 28, textAlign: "center" }}>{recommended[step]}</Text><AnimatedTitle effect={recommended[step]} width={1696} fontSize={104}>Make an entrance</AnimatedTitle></View>}</Steps>
</View>
```

## Configure

**effect**

Select one of sixteen entrance presets.

**width / fontSize**

Fit the heading to your stage.

**clock**

Use slide or step playback time.

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

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