Polkadot UI Features
Web 3 components
Production‑ready react components for Polkadot apps. Type‑safe, accessible, and Tailwind‑powered.
Registry & CLI
Install from the hosted registry with a single command:pnpm dlx polkadot-ui add <component>
Fully customizable
Make the components fit your design system with Tailwind v4. Own the code change anything!
Performance & DX
Works with your existing reactive-dot and Typink Apps. Optimized for Next.js App Router and RSC.
Components Showcase
Wallet & Account Selection
Wallet connection and account selection. We provide a minimal working example of a connection component. If you want more features like e.g. WalletConnect, try dotConnect (papi) or LunoKit (dedot)
Tx Button
Button component for sending arbitrary transactions. Supports all chains, all signers with default notification. Fees and error states are handled by the component.
Loading...
Account Info
Display identity name and optional fields for an address
1dsrQj...4pTUh21dsrQj...4pTUh2
Amount Input
Input component for entering amounts
Select Token Dialog
Token selection dialog with search (by name or symbol) and balances display
Require Connection
Render children only when a connection is established
✅ You are connected to Paseo. This is the content that will be displayed when you are connected to Paseo.
Require Account
Render children only when an account is selected
Please select an account to continue.

