Introduction
w3-kit is an open-source Web3 developer toolkit that gives you 27 production-ready React components for wallets, DeFi, NFTs, and more. Build polished dApps without reinventing common UI patterns.
Built on Radix UI primitives and styled with Tailwind CSS, every component is accessible, composable, and fully typed with TypeScript. Dark mode support comes out of the box.
shadcn/ui Registry
w3-kit is part of the shadcn/ui registry, so you can install only the components you need. No bloated bundles — just pull in what your project requires.
Component Categories
Connect, balance, network, address book, multisig
Swap, staking, bridge, positions, flash loans, limits, liquidity
Card, collection grid, marketplace aggregator
Portfolio, price ticker, token card, token list, transactions
Scanner, contract interaction, ENS, gas, subscriptions, airdrop, vesting
Key Features
- TypeScript — full type definitions for every component and prop
- Dark Mode — class-based dark mode with system preference detection
- Accessible — built on Radix UI primitives with proper ARIA attributes
- Composable — mix and match components, override styles, extend behavior
- Tree-shakeable — install only the components you use