NexusBoard - Premium Analytics Dashboard

Version: 1.0.0 | Pages: 10 | License: Extended

A stunning, modern analytics dashboard template with glassmorphism design, interactive charts, and complete responsiveness.

✨ Features

• 🌙 Dark/Light Mode - Seamless theme switching with localStorage persistence
• 📊 Interactive Charts - Line, Bar, Doughnut, Area charts with Chart.js
• 💎 Glassmorphism Design - Modern glass-effect cards and components
• 📱 Fully Responsive - Perfect on desktop, tablet, and mobile
• ⚡ Smooth Animations - Micro-interactions and hover effects
• 🎨 Customizable - Easy to modify via CSS variables
• 🧩 Modular CSS - Well-organized, easy to understand
• 🔧 No Build Required - Pure HTML, CSS, and JavaScript

📄 Pages Included (10)

• index.html: Main Dashboard with KPIs and charts
• analytics.html: Traffic analytics, top pages, countries
• customers.html: Customer management with cards grid
• products.html: Product catalog with images
• orders.html: Order management table
• invoices.html: Invoice management
• messages.html: Chat/messaging interface
• settings.html: User settings with toggles
• login.html: Login page with social auth
• register.html: Registration page

📁 Structure

NexusBoard/ ├── index.html ├── analytics.html ├── customers.html ├── products.html ├── orders.html ├── invoices.html ├── messages.html ├── settings.html ├── login.html ├── register.html ├── css/ │ ├── variables.css │ ├── base.css │ ├── components.css │ ├── layout.css │ └── animations.css ├── js/ │ ├── theme.js │ ├── charts.js │ └── main.js └── README.md

🚀 Quick Start

1. Download and extract the files
2. Open index.html in your browser
3. That's it! No build tools required.

🎨 Customization

Edit css/variables.css to change colors:

CSS

:root {
  --primary: #8B5CF6;
  --secondary: #06B6D4;
  --bg-primary: #0F172A;
}

📦 Dependencies (CDN)

• Chart.js - Charts
• Feather Icons - Icons
• Google Fonts - Inter & JetBrains Mono

🖥️ Browser Support

Chrome, Firefox, Safari, Edge (latest versions)

Made with 💜 by Alexsandro