BeUI
Official Site →
Back to Blocks

Multi-chain Swap

Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.

View on beui.devView Source

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/swap
Component Files (10)
  • components/motion/swap.tsx
  • components/motion/swap/constants.ts
  • components/motion/swap/controls.tsx
  • components/motion/swap/data.ts
  • components/motion/swap/field.tsx
  • components/motion/swap/quote-row.tsx
  • components/motion/swap/token-badges.tsx
  • components/motion/swap/token-picker.tsx
  • components/motion/swap/types.ts
  • components/motion/swap/utils.ts

Component Details

Category
Blocks
Component Slug
swap
Published
5/19/2026
Last Updated
9/22/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.