Polkadot UI Library

Polkadot UI Library hosts static assets, data sources, functional components and utilities for developers to plug & play into their dApps.

Directory

@polkadot-ui/assets  [source  |  npm]

Data sources and static assets for Polkadot dApps.

• Web3 Wallet Extensions: A list of popular Web3 wallet extensions with metadata and icons.

• Validator Operators: A list of Polkadot validator operators with metadata and thumbnails.

@polkadot-ui/core  [source  |  npm]

Core styles and themes for Polkadot dApps.

• Using Polkadot UI Themes

@polkadot-ui/react  [source  |  npm]

Functional React components for Polkadot dApps.

• Polkicon: A light-weight and customisable Polkadot Icon.

• Extensions Provider: Discover available web3 exensions and manage their status.

• Extension Accounts Provider: Connect to web extensions and subscribe to accounts.

• Odometer: An odometer effect used for numbers and balances.

• Overlay: Overlay Provider and UI component for modals and overlaying content.

• Charts: Light-weight charts for displaying simple statistics.

• Buttons: A small collection of plug-and-play button components.

@polkadot-ui/utils  [source  |  npm]

Common utility functions to aid in Polkadot dApp development.

• Base: A collection of reusable utilities for manipulating string / number / arrays etc.

• Unit: A collection of reusable utilities for manipulating chain units.