A crystal-glass clear, AI-animated Bitcoin, Ethereum & Stacks wallet built on React + Tailwind that lets you:
- See balances in real-time
- Send / Receive BTC, ETH & STX in 2 taps
- AI predicts cheapest gas times
- Vault-locks your keys with AES-256
| Chain | Status | Wallet-Connect |
|---|---|---|
| Bitcoin | ✅ Mainnet + Testnet | Hiro, Xverse |
| Ethereum | ✅ Mainnet + Goerli | MetaMask, WalletConnect |
| Stacks | ✅ Mainnet | Hiro, Xverse |
| AI Module | What It Does |
|---|---|
| Gas Prophet | Predicts the cheapest hour for transactions |
| Fraud Shield | Provides real-time scam-address alerts |
| Light Sense | Auto-switches dark/light mode by ambient light |
| Balance Forecast | Shows the next-hour balance trend line |
🎨 User Interface
- Modern Design with smooth animations
- Dark/Light Mode toggle
- Responsive layout for desktop, tablet, and mobile
- Multi-language support (i18n ready)
💰 Wallet Functionality
- Real-time balance overview with currency conversion
- Transaction history with filters and search
- Multi-currency support (crypto + fiat)
- Quick actions: Send, receive, and exchange
| Technology | Version | Purpose |
|---|---|---|
| React | 18.2.0 | A JavaScript library for building user interfaces |
| Tailwind CSS | 3.3.0 | A utility-first CSS framework |
| Redux Toolkit | 1.9.0 | State management for React apps |
| Axios | 1.4.0 | HTTP client for API requests |
| Chart.js | 4.3.0 | For balance visualization charts |
| Crypto SDK | latest | For multichain wallet connectivity & encryption |
# Clone the repository
git clone [https://github.com/Adnanmd76/ClarityVault2026.git](https://github.com/Adnanmd76/ClarityVault2026.git)
# Navigate into the project directory
cd ClarityVault2026
# Install dependencies
npm install⬜◽▫️▫️▫️▫️▫️▫️▫️
# Add your keys to the .env.local file
# Example: REACT_APP_INFURA_ID=YOUR_KEY
# Start the development server
npm startYour crystal wallet is now running on http://localhost:3000.
This project aims for a clear and structured approach, focusing on:
- What is ClarityVault2026?: Core functionalities and benefits (real-time balances, BTC/ETH/STX send/receive, AI gas prediction, AES-256 vault lock).
- Blockchains Supported: Detailed list of supported chains (Bitcoin, Ethereum, Stacks) with their status and Wallet-Connect options (Hiro, Xverse, MetaMask, WalletConnect).
- AI Inside: Unique AI features (Gas Prophet, Fraud Shield, Light Sense, Balance Forecast) and their purpose.
- Tech Stack - Crystal Edition: Key technologies used with their versions and roles (React, Tailwind CSS, Redux Toolkit, Chart.js, Crypto SDK).
- 30-Second Start: Quick installation and setup guide (git clone, cd, npm install, npm start).
- Biometric Lock: Unlock with Face ID or Fingerprint.
- AES-256 Encryption: Vault-grade security for your private keys.
- AI Auto-Lock: Automatically locks the wallet when you look away.
- 2FA + PIN Shield: Double protection with Two-Factor Authentication and a PIN code.
- Hardware-Wallet Ready: Compatible with Ledger and Trezor devices.
| Wallet | Supported | Method |
|---|---|---|
| Hiro | ✅ | window.stacks.connect() |
| Xverse | ✅ | window.xverse.connect() |
| MetaMask | ✅ | window.ethereum.request() |
- Email: adnanmd76@gmail.com
- GitHub: Adnanmd76
- Live Demo: clarityvault2026.vercel.app
MIT – Do anything you want with this code, just keep the crystal shining.



