# Crypto Swap

> The CryptoSwapComponent is a modern, interactive crypto token swapping interface designed with advanced UX motion and clean, glassmorphic visuals. It supports live token selection, real-time price conversion, animated balance updates, slippage tolerance configuration, and a secure transaction flow with state feedback (loading, success, error). The component uses framer-motion for dynamic animations, glowing hover effects based on cursor tracking, and smooth modal transitions for selecting tokens and adjusting settings. It’s ideal for DeFi dashboards, crypto wallets, or DEX frontends looking for a polished, user-friendly swap experience that feels premium and responsive.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@isaiahbjork/components/crypto-swap

## Install

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