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.
Fee calculation pending...
Please select an account
Account Info
Display identity name and optional fields for an address
1dsrQj...4pTUh21dsrQj...4pTUh2
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
Make sure your app is connected to Paseo to continue. This is the content that will be displayed when you are not connected to Paseo.
Require Account
Render children only when an account is selected
Please select an account to continue.