Droom is a premium, feature-rich admin dashboard template built with Bootstrap 5 and vanilla JavaScript. Designed for modern web applications, SaaS platforms, CRM systems, eCommerce backends, project management tools, and HR portals, Droom provides everything you need to build a professional admin panel without writing UI code from scratch.

With 88+ carefully crafted HTML pages, 5 unique dashboard layouts, 10+ ready-to-use application pages, and a complete library of UI components, Droom saves hundreds of hours of development time. Every page is fully responsive, W3C validated, and built with clean, well-organized code that is easy to customize and extend.

Why Choose Droom?

Droom stands apart with its modern floating sidebar design, one-click dark mode with persistent user preference, collapsible sidebar layout, and zero jQuery dependency. It is built purely on Bootstrap 5 and vanilla JS for maximum performance and flexibility.

5 Unique Dashboard Layouts

• Analytics Dashboard — Revenue tracking, visitor stats, real-time charts, and performance metrics
• eCommerce Dashboard — Sales overview, order management, product stats, and customer insights
• CRM Dashboard — Lead pipeline, deal tracking, contact management, and activity feeds
• Project Management Dashboard — Task overview, team workload, milestones, and progress tracking
• HR Dashboard — Employee stats, attendance tracking, leave management, and department overview

10+ Application Pages

• Email App — Inbox, compose, and read email views with realistic UI
• Chat Application — Real-time messaging layout with contacts sidebar and message bubbles
• Calendar — FullCalendar integration with drag-and-drop events and month/week/day views
• Kanban Board — Drag-and-drop task management with columns and priority labels
• Todo List — Task management with categories, priorities, and completion tracking
• Contacts — Contact directory with grid and list views, search, and filters
• File Manager — File browser and folder views with upload, grid, and list layouts
• Invoice — Invoice list, detail view, and create invoice with print-ready layout

Complete Page Collection (88+ Pages)

• Authentication Pages (8) — Login, register, forgot password, new password in both basic and cover layouts
• Error Pages (10) — 400, 401, 403, 404, 500, 502, 503, maintenance, coming soon, under construction
• Utility Pages (7+) — Profile, settings, pricing (2 variants), FAQ, activity, blank page
• Blog Pages (3) — Blog grid, blog list, and blog detail layouts
• Form Pages (8) — Elements, floating labels, input group, layout, validation, flatpickr date picker, rich text editor, multi-step form wizard
• Table Pages (2) — Basic tables and advanced DataTables with search, sort, and pagination
• Chart Pages (2) — ApexCharts and Chart.js with multiple chart types
• Map Pages (2) — Vector world maps and Leaflet interactive maps
• Icon Pages (2) — Feather Icons and Font Awesome icon libraries

24+ UI Components

Accordion, Alerts, Avatar, Badge, Breadcrumb, Buttons, Button Group, Cards, Carousel, Collapse, Dropdowns, List Group, Modal, Navbar, Offcanvas, Pagination, Popovers, Progress, Scrollspy, Spinners, Tabs & Pills, Toasts, Tooltips, Typography

Extended UI

Sweet Alert, Lightbox, Rating, Drag & Drop, Treeview

Key Features

• Bootstrap 5 Framework (no jQuery dependency)
• Pure vanilla JavaScript
• One-click dark mode with localStorage persistence
• Collapsible sidebar with persistent state
• Modern floating sidebar design
• Fully responsive on all devices (mobile, tablet, desktop)
• URL query parameter support (?dark=true&collapsed=true)
• ApexCharts and Chart.js integration
• FullCalendar with drag-and-drop events
• DataTables with search, sort, and export
• Feather Icons and Font Awesome icon sets
• Google Fonts (Inter typeface)
• Vector Maps and Leaflet Maps
• Form wizard with multi-step validation
• Rich text editor (Quill)
• Flatpickr date and time picker
• Sweet Alert 2 for beautiful dialogs
• Lightbox for image previews
• W3C validated, clean, well-commented code
• Easy to customize and extend
• Cross-browser compatible (Chrome, Firefox, Safari, Edge)
• Regular updates and improvements

Tech Stack

• HTML5 & CSS3
• Bootstrap 5.3+
• SASS/SCSS
• Vanilla JavaScript (ES6+)
• NPM for package management
• ApexCharts & Chart.js
• FullCalendar
• DataTables
• Feather Icons & Font Awesome 6
• Perfect Scrollbar
• Quill Editor
• Flatpickr
• Sweet Alert 2
• GLightbox
• Sortable.js
• Leaflet Maps
• jsvectormap

Browser Support

Chrome, Firefox, Safari, Edge, Opera — all latest versions.