Skip to content

bymilon/aether-nexus-dashboard

Aether Nexus Dashboard

A dense React dashboard template for AI-assisted operations, telemetry, and review workflows.

MIT License React Vite Tailwind CSS

Aether Nexus Dashboard is a static, frontend-only command-center starter. It combines a responsive app shell, operational charts, task review queues, activity streams, and an AI companion panel into one compact interface that can be adapted for internal tools, analytics products, and AI workflow prototypes.

Features

  • Responsive three-pane dashboard shell with mobile drawers.
  • KPI cards, sparklines, area charts, task queues, and activity feeds.
  • AURA side panel for AI-assisted diagnostic and review workflows.
  • Tailwind CSS 4 theme tokens for a dark operational interface.
  • Recharts visualizations and Lucide React icons.
  • No backend, API keys, or runtime environment variables required.

Stack

  • React 19
  • TypeScript
  • Vite 6
  • Tailwind CSS 4
  • Recharts
  • Lucide React
  • Bun

Quick Start

git clone git@github.com:bymilon/aether-nexus-dashboard.git
cd aether-nexus-dashboard
bun install
bun run dev

The dev server runs at http://localhost:3000.

Scripts

bun run dev      # Start Vite on port 3000
bun run build    # Create a production build in dist/
bun run preview  # Preview the production build
bun run lint     # Type-check with TypeScript

Project Structure

src/
  components/       Sidebar, main dashboard content, and AURA panel
  App.tsx           Layout state and responsive panel composition
  index.css         Tailwind theme tokens and global styles
  main.tsx          React entry point
DESIGN.md          Visual design notes and customization guidance
TODO.md            Linear-style OSS release backlog

Customization

  • Edit navigation and workspace copy in src/components/Sidebar.tsx.
  • Adjust KPI cards, chart data, task queues, and activity feeds in src/components/MainContent.tsx.
  • Update AURA panel prompts, generated diagnostic content, and composer actions in src/components/AIPanel.tsx.
  • Tune colors, typography, and scrollbar styling in src/index.css.
  • Use DESIGN.md for layout, palette, and interaction guidance.

Roadmap

See TODO.md for the release backlog. Tasks are written in a Linear-style format so they can be moved into GitHub issues later.

Contributing

Issues and pull requests are welcome. Keep changes focused, include screenshots for visual changes, and run:

bun run lint
bun run build

Read CONTRIBUTING.md before opening a pull request.

Security

Do not open public issues for vulnerabilities. Follow SECURITY.md.

License

MIT. See LICENSE.

About

React admin dashboard template for AI operations, analytics, telemetry, and review workflows. Built with TypeScript, Vite, and Tailwind CSS.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors