Swap

A multi-chain token swap widget with an amount field, flip-direction control, live quote (rate, fee, slippage, ETA), optional send-to-address, and a searchable token picker sheet.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Swap to your project and fits it to your theme.

import { MultiChainSwap } from "@/components/ui/swap";

export function SwapPreview() {
  return (
    <div className="flex w-full items-center justify-center">
      <MultiChainSwap />
    </div>
  );
}

export default SwapPreview;