Nalika - Free Bootstrap Admin Dashboard Template

Nalika is a dark-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 zero jQuery — all interactivity is vanilla JavaScript.

Nalika includes 48 ready-to-use pages covering dashboards, e-commerce, charts, forms, tables, mailbox, UI components, and authentication screens. All dependencies are loaded via CDN — no build step, no node_modules, no package manager required.

Live Preview

Screenshots

Demo Site: View Live Demo

Premium Admin Templates

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

<table> <tr> <td align="center" width="50%"> <a href="https://dashboardpack.com/theme-details/tailpanel/?utm_source=github&utm_medium=readme&utm_campaign=nalika"> <img src="screenshots/tailpanel.png" alt="TailPanel — high-performance React dashboard with Tailwind utility classes" width="100%"> </a> <br> <a href="https://dashboardpack.com/theme-details/tailpanel/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>TailPanel</strong></a> <br> _{React + TypeScript + Tailwind CSS + Vite. 9 dashboards, instant theme switching.} </td> <td align="center" width="50%"> <a href="https://dashboardpack.com/theme-details/admindek-html/?utm_source=github&utm_medium=readme&utm_campaign=nalika"> <img src="screenshots/admindek.png" alt="Admindek — data-driven Bootstrap 5 admin panel with 100+ components" width="100%"> </a> <br> <a href="https://dashboardpack.com/theme-details/admindek-html/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>Admindek</strong></a> <br> _{Bootstrap 5 + vanilla JS. 100+ components, dark/light toggle, RTL, color presets.} </td> </tr> <tr> <td align="center" width="50%"> <a href="https://dashboardpack.com/theme-details/adminty-html-dashboard/?utm_source=github&utm_medium=readme&utm_campaign=nalika"> <img src="screenshots/adminty.png" alt="Adminty — wide-ranging Bootstrap 5 admin template with 160+ screens" width="100%"> </a> <br> <a href="https://dashboardpack.com/theme-details/adminty-html-dashboard/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>Adminty</strong></a> <br> _{Bootstrap 5. 160+ screens for dashboards, e-commerce, CRM, and more.} </td> <td align="center" width="50%"> <a href="https://dashboardpack.com/theme-details/architectui-dashboard-html-pro/?utm_source=github&utm_medium=readme&utm_campaign=nalika"> <img src="screenshots/architectui.png" alt="ArchitectUI — enterprise admin UI kit with 250+ reusable components" width="100%"> </a> <br> <a href="https://dashboardpack.com/theme-details/architectui-dashboard-html-pro/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>ArchitectUI</strong></a> <br> _{Bootstrap 5. 250+ reusable components, modular codebase, 9 dashboard configurations.} </td> </tr> <tr> <td align="center" width="50%"> <a href="https://dashboardpack.com/theme-details/kero-jquery-html-dashboard-pro/?utm_source=github&utm_medium=readme&utm_campaign=nalika"> <img src="screenshots/kero.png" alt="Kero — clean admin interface with horizontal and vertical navigation" width="100%"> </a> <br> <a href="https://dashboardpack.com/theme-details/kero-jquery-html-dashboard-pro/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>Kero</strong></a> <br> _{Bootstrap 5 + Webpack. Horizontal and vertical nav modes, full SASS theming.} </td> <td align="center" width="50%"> <a href="https://dashboardpack.com/theme-details/cryptocurrency-dashboard/?utm_source=github&utm_medium=readme&utm_campaign=nalika"> <img src="screenshots/cryptocurrency.png" alt="Cryptocurrency Dashboard — Bitcoin and DeFi admin management panel" width="100%"> </a> <br> <a href="https://dashboardpack.com/theme-details/cryptocurrency-dashboard/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>Cryptocurrency Dashboard</strong></a> <br> _{Bootstrap. Tailored for Bitcoin, DeFi, and ICO management applications.} </td> </tr> </table> <p align="center"> <a href="https://dashboardpack.com/?utm_source=github&utm_medium=readme&utm_campaign=nalika"><strong>Shop All Premium Templates</strong></a> </p>

Table of Contents

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

Features

Core Features

• Bootstrap 5.3.8: Latest Bootstrap CSS framework with JS bundle (includes Popper)
• Zero jQuery: All JavaScript is vanilla ES6+ in a single modular file
• CDN-Only Dependencies: No local vendor files — all libraries via jsDelivr
• No Build Step: Open any HTML file directly in a browser, no compilation needed
• Dark Theme: Sleek dark UI with #152036 background and CSS custom properties (--nk-*)
• Fully Responsive: Mobile-first design with breakpoints at 768px, 992px, and 1169px
• Collapsible Sidebar: 205px expanded, 80px collapsed with smooth transitions

Dashboard & Data Visualization

• 3 Dashboard Variants: Main dashboard, analytics, and projects overview
• ApexCharts: Modern, interactive charts for dashboards
• Chart.js 4.5: Additional chart types (bar, line, area, rounded, sparkline, mixed)
• FullCalendar 6: Full-featured event calendar
• Widgets: Counters with IntersectionObserver scroll detection

UI Components

• Bootstrap Icons 1.13.1: Complete icon system (replaced Font Awesome + Glyphicons)
• SweetAlert2: Beautiful notification dialogs
• AOS: Scroll-triggered animations
• SimpleBar: Custom scrollbars for sidebar and dropdowns
• Swiper 12: Touch-enabled carousel slider

Forms & Input

• Tom Select: Searchable, taggable select dropdowns
• Quill 2.0: Modern WYSIWYG rich text editor (zero dependencies)
• Flatpickr: Lightweight date/time picker
• noUiSlider: Accessible range sliders
• Pickr: Color picker
• Dropzone: Drag-and-drop file uploads
• CodeMirror: In-browser code editor with syntax highlighting
• Native HTML5 Inputs: Date, time, datetime-local, month, week pickers

Data & Layout

• Simple-DataTables: Sortable, searchable data tables (no jQuery)
• Cropper.js: Image cropping and manipulation
• SortableJS: Drag-and-drop for Kanban boards
• Dual List Box: Transfer items between lists

Quick Start

No build step required. Clone and open:

git clone https://github.com/nicdev/nalika.git
cd nalika
open nalika/index.html

All asset paths are relative to the nalika/ directory — open HTML files from there.

Pages (48)

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

| Category | Pages | | --- | --- | | Dashboards | Main Dashboard, Analytics, Projects, Statistics, Widgets | | E-commerce | Product List, Product Edit, Product Detail, Product Cart, Product Payment | | Charts | Bar, Line, Area, Rounded, Sparkline, Mixed (C3) | | Forms | Basic Elements, Advanced Elements, Password Meter, Multi Upload, Text Editor, Dual List Box | | Tables | Static Table, Data Table | | UI Components | Accordions, Alerts, Buttons, Modals, Tabs, Notifications | | Interface | [Kanban Board](https://colorlib.com