Notika is a green-themed, fully responsive Bootstrap 5 Admin Dashboard Template. Originally built with Bootstrap 3 and jQuery by Colorlib, it has been completely modernized to Bootstrap 5.3.8 with Vite 7.3 and zero jQuery — all interactivity is ES6 module JavaScript with tree-shaken Font Awesome icons.

Notika includes 41 ready-to-use pages covering dashboards, analytics, charts, forms, tables, email, UI components, and authentication screens. Uses a modern Vite build system with HMR, SCSS compilation, and optimized production bundles.

Level up your next project with a premium dashboard. The templates below from DashboardPack include dedicated support, frequent updates, and battle-tested code.

TailPanel React + TypeScript + Tailwind CSS + Vite. 9 dashboards, instant theme switching.	Admindek Bootstrap 5 + vanilla JS. 100+ components, dark/light toggle, RTL, color presets.
Adminty Bootstrap 5. 160+ screens for dashboards, e-commerce, CRM, and more.	ArchitectUI Bootstrap 5. 250+ reusable components, modular codebase, 9 dashboard configurations.
Kero Bootstrap 5 + Webpack. Horizontal and vertical nav modes, full SASS theming.	Cryptocurrency Dashboard Bootstrap. Tailored for Bitcoin, DeFi, and ICO management applications.

Shop All Premium Templates

• Features
• Quick Start
• Pages
• Technology Stack
• Project Structure
• Architecture
• Adding New Pages
• Browser Support
• More Resources
• Authors
• License

• Vite 7.3 Build System: HMR dev server, optimized production builds, code splitting
• Bootstrap 5.3.8: Latest CSS framework with JS bundle (includes Popper)
• Zero jQuery: All JavaScript is ES6 modules with class-based architecture
• Tree-Shaken Icons: Font Awesome 7.2 with only imported icons bundled
• SCSS Support: Modern Sass compilation with PostCSS autoprefixer and cssnano
• Handlebars Partials: Shared header, navbar, footer, and breadcrumb across all pages
• Fully Responsive: Horizontal navbar on desktop, offcanvas menu on mobile
• Green Theme: Primary accent #00c292 with clean white card design

• 5 Dashboard Variants: Main, secondary, social media analytics, project management, analytics
• Chart.js 4.5: Interactive charts (bar, line, area, doughnut, mixed, sparkline)
• Leaflet Maps: Interactive data and location maps
• Widgets: Counter animations with IntersectionObserver, real-time metric updates

• Font Awesome 7.2: Tree-shaken SVG icon system (solid + brand icons)
• AOS: Scroll-triggered entrance animations
• Swiper 12: Touch-enabled carousel slider
• Bootstrap 5 Components: Accordions, tabs, modals, dropdowns, popovers, tooltips, alerts

• CodeMirror 6: In-browser code editor with syntax highlighting and themes
• Cropper.js 2: Image cropping and manipulation
• Native HTML5 Inputs: Date, time, color, range pickers
• Form Validation: Bootstrap 5 validation patterns with custom styling

• Data Tables: Sortable, searchable tables with pagination
• Email System: Inbox, compose, and view email layouts
• Invoice: Printable invoice template
• Contact: Contact page with form and map integration

git clone https://github.com/nicdev/notika.git
cd notika
npm install
npm run dev        # Dev server with HMR (port 3100)

Build for production:

npm run build      # Output to dist/
npm run preview    # Preview production build (port 4173)

All pages are live on the Colorlib demo server. Click any page name to preview.

All libraries are bundled via Vite from npm packages — no CDN links, no local vendor files.

notika/
  vite.config.js          Vite build config (multi-page, Handlebars, manual chunks)
  package.json            Dependencies and scripts
  notika/green-horizotal/
    src/
      js/
        main.js           NotikaApp class — imports all CSS, main entry point
        modules/
          charts.js       NotikaCharts (Chart.js wrapper with instance Map)
          ui.js           NotikaUI (Bootstrap components, counter animations)
        pages/            31 page-specific ES6 modules extending NotikaApp
      css/
        modern.scss       Modern SCSS styles and custom properties
        dashboard-widgets.css  Dashboard widget layout styles
      partials/           Handlebars partials (header.hbs, navbar.hbs, footer.hbs, breadcrumb.hbs)
    css/
      header-modern-clean.css  Header styles
      navbar-stable.css        Horizontal navigation
      mobile-menu.css          Offcanvas mobile menu
      responsive.css           Responsive breakpoints
      widgets-consistent.css   Widget spacing consistency
      email-widget-fix.css     Email page widget fix
    style.css             Main theme — Bootstrap 5 overrides, component styles
    *.html                41 template pages
    img/                  Images (Vite publicDir)

• Vite-Bundled — all CSS and JS imported through main.js, tree-shaken and code-split by Vite
• No jQuery — all interactivity is ES6 classes in main.js with page-specific modules
• Class Inheritance — NotikaApp base class handles shared init; page modules extend it with class MyPage extends NotikaApp
• Handlebars Partials — header, navbar, footer, and breadcrumb are shared .hbs templates with dynamic context (page title, nav active state, year)
• Font Awesome Tree-Shaking — icons explicitly imported and added to library.add(), only used icons bundled
• Manual Chunks — Vite splits vendor (Bootstrap), charts (Chart.js), and UI (Swiper, AOS) into separate cacheable chunks
• CSS Architecture — Bootstrap loaded via Vite, template CSS imported in order, modern SCSS compiled with api: 'modern-compiler'
• Horizontal Navigation — desktop dropdown navbar (>=992px) with Bootstrap 5 offcanvas mobile menu (<992px)
• Green Theme — primary #00c292, card shadows 0 2px 8px rgba(0,0,0,0.1), CSS custom properties for spacing

1. Create newpage.html in notika/green-horizotal/
2. Add entry to vite.config.js > rollupOptions.input
3. For custom logic: set <html data-page-module="newpage">, create src/js/pages/newpage.js extending NotikaApp

Icons are tree-shaken. Import and register in main.js:

import { faNewIcon } from '@fortawesome/free-solid-svg-icons'
library.add(faNewIcon)

Notika supports all modern browsers:

• Chrome >= 90
• Firefox >= 88
• Safari >= 14
• Edge >= 90
• Opera >= 76

Note: Internet Explorer is not supported.

• Bootstrap Admin Dashboards - Collection of Bootstrap admin templates
• Angular Dashboards - Angular-based admin templates
• Free Admin Dashboards - Free HTML5 admin templates
• Website Templates - Various website templates
• WordPress Themes - Free WordPress themes

Created and maintained by Colorlib

Notika is licensed under The MIT License (MIT). You may use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the final products. Attribution to Colorlib as the original author is required.