Introduction
Open source shadcn registry of web3 UI components built with wagmi + viem.
What is onchain-ui?
onchain-ui is an open source shadcn registry of web3 UI components. Components are built with wagmi and viem, and styled with Tailwind CSS.
You own the code. Copy and paste, or install directly:
npx shadcn add https://onchain-ui.dev/r/address-display.jsonPhilosophy
- Copy-paste first - components live in your codebase, not in node_modules
- wagmi + viem - typed, composable, the ecosystem standard
- shadcn primitives - built on the same components you already have
- Chain-agnostic - works across EVM chains
Getting Started
Install the shadcn CLI if you haven't already, then add any component:
npx shadcn add https://onchain-ui.dev/r/address-display.jsonnpx shadcn add https://onchain-ui.dev/r/token-logo.jsonnpx shadcn add https://onchain-ui.dev/r/asset-row.json