NEXUS COMMAND — Fantasy Dashboard

A full-screen sci-fi UI dashboard built as an artistic expression. Premium, interconnected, reactive interface with techno-abstract storytelling.

Live demo: https://fantasy-dashboard-xi.vercel.app

---

Features

• 3D Quantum Core — React Three Fiber torus knot with orbiting rings, particle cloud, and Bloom post-processing. Color shifts with tachyon frequency, spin speed tracks reactor output.
• Tone.js Sound Engine — Every interaction has synthesized audio: FM synths, metal clicks, pluck notes, ambient reactor hum, combat alarm sequences.
• Hex Grid Tactical Map — 42-cell honeycomb grid with 6 node types, each clicking a different pitched note.
• Synaptic Node Matrix — 20 toggleable nodes with ascending/descending audio chirps.
• Live Data Streams — Sparklines and vertical bar meters updating in real time.
• Alert Log — Injectable WARN/CRIT/INFO alerts with level-appropriate sounds.
• Mode Flags — Combat, Cloak, Warp Drive, Emergency Protocol — each with visual and audio responses across all panels.

Stack

• Vite + React 18
• Tailwind CSS v3
• Framer Motion
• Zustand
• Three.js + React Three Fiber v8
• @react-three/postprocessing (Bloom, Chromatic Aberration)
• Tone.js

Run locally

npm install
npm run dev

Open http://localhost:5173 — click any button first to boot the audio engine (browser autoplay policy).

Deploy

vercel --prod