Droom – Bootstrap 5 Admin Dashboard Template

Droom is a premium admin dashboard template built with Bootstrap 5 and vanilla JavaScript. It works great for web apps, SaaS platforms, CRM systems, online stores, project tools, and HR portals. Build a polished admin panel fast – no need to start from scratch.

It includes 88+ ready-made HTML pages. You get 5 dashboard layouts, 10+ app pages, and a full set of UI parts. Every page is responsive and W3C valid. The code is clean and easy to change. Save hundreds of hours of work.

Why Choose Droom?

Droom has a modern floating sidebar. Dark mode turns on with one click. The sidebar can collapse too. It saves your choices across sessions. No jQuery at all — just Bootstrap 5 and vanilla JS. This keeps it fast and easy to use.

5 Unique Dashboard Layouts

• Analytics — Revenue, visitor stats, live charts, and metrics
• eCommerce — Sales, orders, product stats, and buyer data
• CRM — Leads, deals, contacts, and activity feeds
• Project Management — Tasks, team load, milestones, and progress
• HR — Staff stats, attendance, leave, and departments

10+ Application Pages

• Email App — Inbox, compose, and read views with a real-world look
• Chat App — Messaging layout with contacts panel and chat bubbles
• Calendar — Drag-and-drop events. Month, week, and day views
• Kanban Board — Drag-and-drop tasks with columns and priority labels
• Todo List — Tasks with groups, priority levels, and progress tracking
• Contacts — Contact list with grid and list views, search, and filters
• File Manager — Browse folders, upload files. Grid and list views
• Invoice — List, detail, and create pages with a print-ready layout

Complete Page Collection (88+ Pages)

• Auth Pages (8) — Login, register, forgot and new password. Each has basic and cover styles
• Error Pages (10) — Common HTTP errors, maintenance, coming soon, and more
• Utility Pages (7+) — Profile, settings, pricing (2 styles), FAQ, activity, blank page
• Blog Pages (3) — Blog grid, blog list, and blog detail layouts
• Form Pages (8) — Inputs, labels, groups, layouts, validation, date picker, text editor, wizard
• Table Pages (2) — Basic tables and 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 that saves your choice
• Sidebar that collapses and remembers its state
• Modern floating sidebar design
• Fully responsive on mobile, tablet, and desktop
• URL query 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
• Clean, valid, well-commented code
• Simple to change and extend
• Works in Chrome, Firefox, Safari, and Edge
• Clear docs and tidy file structure
• Regular updates

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.