Open source / shadcn registryv0.2.0 / open source / shadcn registry / wagmi + viem

Copy‑paste web3 components for shadcn apps.

Asset inputs, wallet identity, token logos, chain context, and market UI primitives built for teams shipping onchain products.

install

npx shadcn add @onchain-ui/token-stack

Composed in practice

From registry primitives to a complete onchain flow.

The example app dogfoods the same source-installed components you get from the registry—composed into a working multichain swap UI.

Try the inputs

Ethereum

Sell

ETH

Example balance: 1.5 ETH

Receive (example)

USDC

Illustrative rate: 1 ETH = 2,500 USDC.

Edit the amount or try Max. Explore live pricing and wallet connection in the full example app.

Live example

Reusable amount inputs, asset discovery, chain context, live pricing, and route details—assembled without a locked component SDK.

Asset InputConnect WalletAddress IdentityChain SelectAsset RowToken LogoNetwork LogoToken PriceToken Stack

The primitives

AddressDisplay

Copy-ready addresses with ENS-safe formatting.

AddressIdentity

Avatar, name, label, and address in one primitive.

TokenLogo

Asset and network marks for onchain balances.

TokenStack

Overlapping token groups for baskets and pools.