# Number Flow Trends

> trend:  boolean 'increasing' 'decreasing' Default: true Controls the direction of the digits.  true: The digits go up if the number increases, and down if the number decreases. false: Ignores the trend of the number; each digit goes up if it increases and down if it decreases. This can be useful if you want to animate number changes without conveying an overall increase or decrease (example). "increasing": The digits always go up. "decreasing": The digits always go down.

- Author: [Maxwell Barvian](https://21st.dev/@barvian)
- License: mit
- Tags: Number Flow
- Live preview: https://21st.dev/@barvian/components/number-flow-transitions

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/barvian/number-flow-transitions?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/number-flow.md