Skip to main content
Easy user onboarding with MoonKey’s customizable UI components. MoonKey provides pre-built user interface components that handle wallet interactions. These components are designed to integrate seamlessly into your application while remaining highly customizable to match your brand.
See live demos of all UI components and customization options at demo.moonkey.fun.

​
Key Features

​
Highly Customizable

Every UI component can be customized to match your brand:
  • Logo - Display your company logo
  • Header Title - Custom title for each screen
  • Header Description - Custom description text
  • Close Button - Show or hide the close button

​
Wallet Operations

Handle all wallet interactions with pre-built UIs:
  • Sign Message - For proving wallet ownership or signing in to third-party services
  • Sign Transaction - For approving smart contract interactions
  • Send Transaction - For transferring tokens or native currency
  • Export Key - For users who want to use their wallet elsewhere

​
Custom Branding

Maintain consistent branding across all screens: 
<MoonKeyProvider
  publishableKey="your_publishable_key"
  config={{
    appearance: {
      logo: 'https://myapp.com/logo.png',
      loginHeaderTitle: 'MyApp',
      // These settings apply to all UI components
    }
  }}
>
  {children}
</MoonKeyProvider>

​
Component Details

Explore detailed documentation for each UI component:

Sign Message

Message signing confirmation

Sign Transaction

Transaction signing with details

Send Transaction

Token and currency transfers

Export Key

Private key export with warnings