Skip to content
Home/Docs/Components/Token-swap

Token Swap

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

Swap

From
To

0.00

1 ETH = 1800.5000 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