A simple yet powerful web application built with React and Solana that allows users to create their own SPL tokens (using the Token 2022 Program) with custom metadata and initial supply, directly from their browser.
- Upload a custom image and metadata for your token
- Create a new SPL Token (2022) on the Solana blockchain
- Automatically initializes the mint, metadata, and associated token account
- Uploads metadata to GitHub Gist for decentralized URI storage
- Uses ImgBB for image hosting
- Fully compatible with Solana Wallet Adapter
- React + TypeScript
- Solana Web3.js
- @solana/spl-token & spl-token-metadata
- Wallet Adapter (React)
- ImgBB API – for image uploads
- GitHub Gists API – to host token metadata
git clone https://github.com/Mudit-Jxin7/Token-launchpad.git
cd token-launchpadpnpm installAdd a .env file in the root with the following environment variables:
VITE_IMGBB_API_KEY=your_imgbb_api_key
VITE_GITHUB_TOKEN=your_github_personal_access_token- You can generate an ImgBB API key from https://api.imgbb.com/
- Create a GitHub personal access token from GitHub Developer Settings with
gistpermission
-
Form Submission: User fills in the token name, symbol, image, and initial supply.
-
Image Upload: The image is uploaded to ImgBB and a public URL is retrieved.
-
Metadata Upload: Metadata (name, symbol, image URL) is pushed to GitHub Gist and the raw JSON URL is used as the token URI.
-
Token Minting:
- Creates a new token mint using the Token 2022 Program
- Initializes metadata using
spl-token-metadata - Mints initial supply to the user's associated token account
- Make sure you have a Solana wallet like Phantom installed.
- Connect your wallet to the app.
- Fill the form and hit "Launch Token 🚀".
- Wait for the confirmation. You’ll see logs in the console and an alert on success.
- Check your wallet for your token.
src/
├── Launchpad.tsx # Main token launch UI + logic
├── App.tsx
└── main.tsx