Skip to main content
Make sure you’ve completed the setup guide before proceeding.

​
📦 Installation

First, install the Moongate SDK in your React project: Using npm: 
npm install @moongate/sdk
Using yarn: 
yarn add @moongate/sdk

​
🚀 Quick Setup (1 minute)

Simply wrap your app with MoonGateProvider and add the connect button:
src/App.tsx
import React from 'react';
import { MoonGateProvider, MoongateConnectButton } from '@moongate/sdk';
import '@moongate/sdk/styles.css';

function App() {
  return (
    <MoonGateProvider apiKey="your-api-key-here">
      <MoongateConnectButton />
    </MoonGateProvider>
  );
}

export default App;

Complete integration in just 3 lines of code

​
🎉 You’re Done!

Your React application now has full Solana wallet integration! The Moongate SDK automatically handles:
  • ✅ Wallet detection and connection
  • ✅ Transaction signing
  • ✅ Network switching
  • ✅ Error handling
  • ✅ Mobile responsiveness

​
📖 Next Steps

API Reference

Explore all available hooks and components

Troubleshooting

Common integration issues

​
🆘 Need Help?

⌘I