Home/Docs/Components/Token-swap

Token Swap

A customizable widget for swapping tokens with real-time price updates and slippage control.

Swap Tokens

Balance: 0.00
ETH
E
Balance: 0.00
USDT
U
Exchange Rate:
1 ETH ≈ 1800.500000 USDT
%

Installation

Run the following command to add the Token Swap component to your project:

npx shadcn@latest add https://w3-kit.com/registry/token-swap.json

This will:

  • Create the component in your components/ui directory
  • Add all necessary dependencies to your package.json
  • Set up required configuration files
  • Add token swap utilities to your project