# Crypto/Fiat

> Dual-denomination amount field: type in dollars or units, and the toggle flips which one you are editing while the counter-value rides underneath. The headline steps down through font-size tiers as the number grows, so long amounts stay crisp instead of overflowing, and each digit that actually changed blurs and pops into place. Light and dark via shadcn theme tokens; respects reduced motion.

- Author: [Savva Sicevs](https://21st.dev/@ssicevs)
- Library: [ssicevs](https://21st.dev/@ssicevs/library/ssicevs)
- License: mit
- Tags: Finance, Input, Crypto, Currency
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ssicevs/components/crypto-fiat

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ssicevs/crypto-fiat?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/finance.md