zkShine UI is the decentralized application (DApp) interface for zkShine — providing a unified dashboard for privacy transactions, zk compute, VPN routing, and node management on Solana.
zkShine UI connects directly to Solana wallets and zkShine nodes, offering end-users and operators a privacy-first Web3 experience.
Wallet → zkShine DApp → Privacy Relayer → zkCompute Node → Solana Blockchain Core Features Feature Description 💸 Private Transactions Send & receive SOL or SPL tokens through zkShine relay. 🧠 ZK Compute Dashboard Visual interface for confidential proof generation. 🌐 Web3 VPN Gateway Activate on-chain VPN sessions for private RPC and browsing. 🔒 Confidential Vault Manage encrypted files, credentials, and zkKYC proofs. 🛰️ Node Operator Console Monitor uptime, relay count, and compute load of zkShine Nodes. 🧱 Solana Native Integration Seamless Phantom, Backpack, and Solflare wallet support. ⚙️ Tech Stack - Next.js 14 (App Router) - React + TailwindCSS - Solana Wallet Adapter - TypeScript - Framer Motion (UI animations) - Recharts (data visualization) Installation Prerequisites Node.js >= 18 Yarn or npm Clone and Run git clone https://github.com/zkshinedev/ui.git cd ui yarn install yarn dev Then open: 👉 http://localhost:3000 Directory Structure /app /dashboard /wallet /vpn /relay /vault /node /components /ui /charts /modals /lib /solana /zkshine /public /assets Wallet Integration import { useWallet } from "@solana/wallet-adapter-react"; export const ConnectWallet = () => { const { connect, connected, publicKey } = useWallet(); return ( <button onClick={connect}> {connected ? `Connected: ${publicKey.toBase58().slice(0, 6)}...` : "Connect Wallet"} </button> ); }; Build for Production yarn build yarn start Deploy to Vercel or zkShine’s DApp Gateway: https://dapps.zkshine.xyz Documentation - DApp Integration Guide: https://docs.zkshine.xyz/ui - Wallet Setup: https://docs.zkshine.xyz/ui/wallet - VPN Gateway Docs: https://docs.zkshine.xyz/vpn - Node Dashboard API: https://docs.zkshine.xyz/node