Night warrior

**Night Warrior** is a premium Bootstrap 5 admin theme built for products that need to look sharp from day one. Inspired by fintech and AI trading dashboards, it delivers deep black surfaces, electric accents, cyber glassmorphism, and subtle glow — a distinctive dark-first look that stands out from generic admin templates.

Whether you are shipping a SaaS control panel, analytics product, CRM, or internal ops tool, Night Warrior gives you a complete design system, production-ready pages, and framework starter kits so you can go from purchase to working UI in hours, not weeks.

### Why Night Warrior

- **A look buyers notice** — Dark Cyber aesthetic with translucent glass surfaces, controlled blur, and blue glow accents. Not another flat gray Bootstrap skin.
- **Ship faster** — 63 HTML pages covering dashboards, apps, auth, user settings, utilities, layouts, errors, and a full marketing landing page.
- **Built for real products** — Modular SCSS design tokens, runtime CSS variables, layout modes, theme switching, RTL, and accessibility baked in.
- **Framework-ready out of the box** — Starter kits for React, Vue, Angular, Svelte, Next.js, and Ruby on Rails 8, all wired to the same design system.
- **Modern stack** — Bootstrap 5.3, Vite, Sass, ES Modules. No jQuery.

### What’s included

#### 63 production-ready pages

**Dashboards**

- Project Management
- CRM
- Analytics
- E-commerce
- Email Marketing

**Apps**

- Messenger
- Email (inbox, compose, details)
- File Manager
- Contacts
- Todo Kanban (interactive)
- Calendar (month / week / day / agenda, interactive)
- Invoice + invoice details
- Blog (list, grid, article, add)

**Authentication**

- Login, Register
- Forgot / Reset Password
- Email Verification
- Lock Screen
- Two-Factor Authentication

**User & account**

- Profile, About, Timeline, Photos
- Connections, Followers, Following
- Settings, Preferences, Security
- Billing, Notifications, Activity, Projects

**Utilities & UI**

- Components showcase (21 Bootstrap sections)
- Forms, Tables, Charts (Chart.js), Maps (Leaflet), Icons
- FAQ, Pricing
- Error pages (404, 500, Coming Soon, Maintenance)

**Layouts**

- Classic, Mini, Floating sidebar
- Horizontal / top navigation
- Boxed, Full Width, Hybrid, Blank

**Marketing**

- Conversion-ready landing page with features, pricing, testimonials, and FAQ sections

#### Interactive apps that feel alive

Night Warrior is more than static mockups:

- **Todo Kanban** — Drag tasks between columns, add / edit / delete with modals, live stats, localStorage persistence
- **Calendar** — Month, week, day, and agenda views; create / edit / delete events; category filters; drag-and-drop in month view; localStorage persistence
- **Charts & maps** — Chart.js and Leaflet demos ready to adapt to your data
- **Command palette** — ⌘K / Ctrl+K navigation
- **Global search** — ⌘/ / Ctrl+/
- **Toast notifications** — Data-attribute demos and a clean JS API
- **Header notifications** — Unread indicators and dropdown feed

#### Complete Cyber Glass design system

Every Bootstrap 5 component is restyled to match the Night Warrior language:

- Glass surfaces (standard, heavy, light, solid)
- Stat cards, widget cards, avatars, timelines
- Soft / glass button variants, themed alerts and placeholders
- Skeleton loaders and empty states
- Animation and depth utilities

Customize at build time via SCSS variables (colors, typography, spacing, layout, glass blur, shadows) or at runtime with CSS custom properties — change primary color, sidebar width, or glass intensity without fighting the theme.

#### Layout & theme flexibility

- **Color modes** — Dark (default), light, auto (system), and high contrast
- **Sidebar modes** — Classic, mini (icon-only), floating glass, mobile drawer
- **Chrome options** — Horizontal nav, boxed content, full width, blank shells for auth and errors
- **RTL ready** — Right-to-left layout support
- **Accessible** — WCAG AA–oriented patterns, keyboard navigation, and shortcut help (`?`)

#### Six framework starter kits

Stop rebuilding the shell for every stack. Night Warrior includes starters that share navigation, notifications, toasts, and page content:

| Starter | Stack |
|-----------|--------------------|
| React | Vite + React |
| Vue | Vite + Vue |
| Angular | Angular CLI |
| Svelte | Vite + Svelte |
| Next.js | Next App Router |
| Rails 8 | Hotwire / Stimulus |

Shared modules keep behavior aligned across frameworks. Migration guides for Angular, React, and Vue document how the HTML structure maps to components.

#### Developer experience

- **Vite** — Fast HMR in development, optimized multi-page production builds
- **Handlebars partials** — Shared head, sidebar, header, footer, command palette, search, toasts
- **Component-oriented markup** — Clean app shell (`.nw-app` / sidebar / header / content) that ports cleanly to SPAs
- **Documented architecture** — SCSS layer order, tokens, components, customization, and framework migration guides
- **No jQuery** — Modern ES Module JavaScript for theme, sidebar, search, command palette, keyboard shortcuts, and page scripts

### Perfect for

- SaaS dashboards and admin panels
- Fintech, trading, and analytics products
- CRM and project management tools
- Internal tools and ops consoles
- AI / ML product UIs that need a premium dark look
- Agencies delivering client admin products on a deadline

### Tech stack

- Bootstrap 5.3
- Sass / SCSS design tokens
- Vite 6
- ES Modules (vanilla JS core)
- Bootstrap Icons
- Chart.js
- Leaflet
- Optional starters: React, Vue, Angular, Svelte, Next.js, Rails 8

### Browser support

Latest two versions of Chrome, Firefox, Safari, and Edge.

### What you get

- Full HTML + SCSS + JS source
- Production build pipeline
- 63 demo pages
- Interactive Todo and Calendar apps
- Six framework starter kits
- Architecture, customization, components, and migration documentation

---

**Night Warrior** — ship a premium Dark Cyber admin experience your users will remember, on the stack you already use.