Luno

Open Source Web3 Infrastructure

Wallet infrastructure, for Polkadot ecosystem

LunoKit is the core product developed by Lunolab, dedicated to building an open-source, customizable, and developer-friendly Web3 account connection infrastructure for Polkadot SDK-based blockchains.

View Live Demo

LunoKit simplifies wallet integration, so developers can focus on building great products

Dynamic Imports

Simple React hooks and components for seamless wallet integration.

Multiple Chain Support

The best connect wallet button for allowing users to switch between chains/networks with ease.

Minimal Dependencies

All wallet dependencies are included in separate packages, so you only include the ones you want to use in your app.

Fast Setup

10-Minute Integration

Unified TypeScript-first SDK and React Hooks for standardized wallet integration.

State Management

Unified Account Model

Single integration for global account state management across all wallets.

UI Components

Ready-to-Use Components

Fully customizable UI component suite with accessibility built-in.

Performance

Built-in TanStack Query

Efficient data subscription with universal hooks and smart caching.

Multi-Chain

EVM Compatible (Coming Soon)

Support both Polkadot SDK-based blockchains and EVM chains with unified account connections.

TypeScript

Developer Experience

Complete TypeScript support with full type hints and comprehensive documentation.

Technical Architecture

Three-layer architecture designed for scalability, maintainability, and developer experience

@luno-kit/core

Core Abstraction Layer

Unified connector interface and type system with standardized wallet integration

Unified connector interface
Chain configuration management
Account management abstraction
Signer abstraction layer

@luno-kit/react

React Integration Layer

Built with React 18+ and TypeScript, featuring reactive state management

Lightweight Zustand state management
TanStack Query integration
Dedot API instance management
20+ essential hooks with smart reconnection

@luno-kit/ui

UI Component Layer

Modern, accessible UI components with full customization support

Tailwind CSS 4.x styling
Radix UI accessibility
Plug-and-play components
Fully customizable theming

Install our SDK in minutes!

React

Install the LunoKit NPM package

> npm i @luno-kit/react @luno-kit/ui @tanstack/react-query

Set up your React snippet and customize

import { LunoKitProvider, ConnectButton } from '@luno-kit/ui'

import { createConfig, defineChain, kusama, polkadot, polkadotjs, subwallet } from '@luno-kit/react'

import '@luno-kit/ui/styles.css'

const config = createConfig({)

appName: 'My Luno App',

chains: [polkadot, kusama],

connectors: [polkadotjs(), subwallet()],

autoConnect: true,

}

function App() {

return (

</LunoKitProvider>

)

}

Scroll to see more

Build LunoKit Together

We welcome every voice from our community. If you have any questions, suggestions, or ideas, please reach out to us through: