Ship better Polkadot
Apps faster

Deliver great UX with ready-made, typesafe Polkadot components. Fully customizable. Fully open source. Powered by papi and dedot
$ npx polkadot-ui add tx-notification

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
Address Input
Input component with SS58/Ethereum validation and identity lookup
Account Info
Display identity name and optional fields for an address
1dsrQj...4pTUh21dsrQj...4pTUh2
Network Indicator
Show current network and status
Amount Input
Input component for entering amounts
Select Token
Token selection with balances
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.
Balance Display
Formatted on-chain balance with optional comparison currency