WalletWave UI Kit

An open-source, up-to-date, opinionated UI scaffolding kit for the Polkadot ecosystem (starting with Asset Hub). The technical stack is:

• Next.js
• Tailwind CSS
• Lucide icons
• ShadCN UI
• RainbowKit
• Wagmi
• Viem
• Jotai
• Tanstack React Query
• Vaul
• Zod
• React Hook Form

Features

• Multi-chain support
• In-dapp-wallet support
• WalletConnect support
• Collection of web3 components to quickly build your frontend or use as a reference
• React hooks for various onchain interactions with Wagmi

Requirements

Before you begin, you need to install the following tools:

• Node (current LTS version)
• npm (latest version or > v10)
• Git

Getting started

git clone https://github.com/buildstationorg/dotui.git
cd dotui
npm install

Running the project

npm run dev

Default port is 3002. You can change the port in the package.json file.

"scripts": {
  "dev": "next dev -p 3002", // Change the port here to -p <port>
  "build": "next build",
  "start": "next start",
  "lint": "next lint"
},

Building the project

npm run build