Components
Loading preview...
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.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/crypto-swapimport { CryptoSwapComponent } from "@/components/ui/crypto-swap";
const DemoOne = () => {
return <CryptoSwapComponent />;
};
export { DemoOne };