LunoKit

Luno Kit is a React library that makes it easy to add Polkadot wallet connection to your dapp.

• 🎨 Beautiful UI components - Ready-to-use wallet connection button
• ✅ Easily customizable - Flexible theming and styling options
• 🔌 Multi-wallet support - Support for major Polkadot ecosystem wallets
• 🌐 Multi-chain ready - Polkadot, Kusama and parachain support
• 🦄 Built for React - TypeScript-first with modern React patterns

Documentation

For full documentation, visit docs.lunolab.xyz.

🚀 Quick Start

pnpm add @luno-kit/ui @luno-kit/react @tanstack/react-query

import { createConfig } from '@luno-kit/react'
import { kusama, polkadot } from '@luno-kit/react/chains'
import { polkadotjsConnector, subwalletConnector } from '@luno-kit/react/connectors'
import '@luno-kit/ui/styles.css'

const config = createConfig({
  appName: 'My Luno App',
  chains: [polkadot, kusama],
  connectors: [polkadotjsConnector(), subwalletConnector()],
})

function App() {
  return (
    <LunoKitProvider config={config}>
      <ConnectButton />
    </LunoKitProvider>
  )
}