Web-Based Wallet (Solana HD Wallet)

Live Demo

A modern, secure, and user-friendly web-based wallet for the Solana blockchain. Built with Next.js, React, and Tailwind CSS, this wallet allows users to generate, import, and manage multiple Solana accounts using a single mnemonic phrase (HD wallet). All sensitive data is stored locally in the browser for maximum privacy.

---

Features

• Solana HD Wallet: Generate or import a BIP39 mnemonic and derive multiple Solana accounts.
• Account Management: Add or remove accounts (derivation paths) on demand.
• Secure Storage: Mnemonic and account indices are stored in browser localStorage only.
• Copy Address: Easily copy public addresses to clipboard.
• Show/Hide Private Key: Toggle visibility of private keys for each account.
• Dark/Light Theme: Switch between dark and light modes.
• Responsive UI: Clean, modern, and mobile-friendly interface.

---

Tech Stack

• Next.js (App Router, TypeScript)
• React
• Tailwind CSS
• Solana Web3.js
• bip39 & ed25519-hd-key
• Radix UI (for accessible UI primitives)
• lucide-react (icons)

---

Getting Started

1. Clone the repository

# Using Git
https://github.com/your-username/webbasedwallet.git
cd webbasedwallet

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. Run the development server

npm run dev

Visit http://localhost:3000 to view the app.

---

Usage

• Generate Wallet: Leave the mnemonic field empty and click "Generate Wallet" to create a new mnemonic phrase and first account.
• Import Wallet: Paste an existing BIP39 mnemonic and click "Import Wallet".
• Add Account: Click "Add Account" to derive a new Solana account from your mnemonic.
• Delete Account: Remove any account except the first (index 0).
• Copy Address: Click the copy icon next to an address.
• Show/Hide Private Key: Toggle the eye icon to reveal or hide the private key.

---

Security & Privacy

• Local-Only Storage: All wallet data (mnemonic, account indices) is stored in your browser's localStorage. Nothing is ever sent to a server.
• No Backend: This is a fully client-side application.
• Open Source: Review the code for transparency and trust.

Warning: Never use this wallet for large amounts or as your primary wallet. For production use, prefer audited and battle-tested wallets.

---

Deployment

This project is production-ready and can be deployed on Vercel or any platform supporting Next.js.

---

Acknowledgements

• Solana Labs
• Next.js
• shadcn/ui
• Radix UI
• lucide-react

---

Created by Haarush, January 2026.

---