# Breathing Text

> A text component that animates the font variation settings of letters in a breathing effect continuously. Works only with variable fonts.  This component is designed to work exclusively with variable fonts. Please refer to the Variable Font Hover By Letter documentation for more details.

- Author: [Daniel Petho](https://21st.dev/@danielpetho)
- Library: [Fancy Components](https://21st.dev/@danielpetho/library/fancy-components)
- License: mit
- Tags: Text Effect
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@danielpetho/components/breathing-text

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/danielpetho/breathing-text?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/text-effect.md