Enhance your admin dashboard with Durxen, a sleek and fully responsive Bootstrap template. Built with HTML, SCSS, and Gulp for seamless development workflow, designed for efficient data management and optimized for user experience, this template is the perfect solution for modern web applications.
Preview our pages and access documentation
Single License – You can use the template for one project. Only you can access and use it.
Multiple License – You can use the template for multiple projects. Your team members or multiple users can also access it.
Extended License – If you intend to use the template for a client project, an end product for sale, or any commercial purpose, you are required to purchase the Extended License.
Welcome to the Durxen Admin Dashboard & WebApp Template documentation. This comprehensive Bootstrap 5 template is built with Gulp, HTML5, CSS3, JavaScript, and modern web technologies to help you build powerful, responsive admin panels and web applications. Following industry best practices, Durxen combines beautiful design with powerful functionality to accelerate your development process.
Pre-built dashboards for analytics, e-commerce, and more
Rich collection of reusable components and widgets
Optimized for all devices and screen sizes
durxen-bootstrap/
├── src/
│ ├── html/
│ │ └── partials/
│ ├── scss/
│ ├── js/
│ └── images/
├── .gitignore
├── gulpfile.js
├── package.json
└── README.mdHTML source files with partials and includes
SCSS source files for custom styling and components
Gulp task configuration and automation
npm installgulpHere are the key dependencies and their versions used in this project:
| Package | Version | Description |
|---|---|---|
gulp |
^5.0.1 | Task automation toolkit |
gulp-sass |
^6.0.1 | Gulp plugin for Sass compilation |
gulp-autoprefixer |
^10.0.0 | Autoprefixer for CSS vendor prefixes |
gulp-clean-css |
^4.3.0 | Minify CSS files |
gulp-uglify |
^3.0.2 | Minify JavaScript files |
gulp-concat |
^2.6.1 | Concatenate files |
gulp-file-include |
^2.3.0 | Include HTML partials |
gulp-htmlmin |
^5.0.1 | Minify HTML files |
gulp-imagemin |
^8.0.0 | Optimize images |
gulp-sourcemaps |
^3.0.0 | Generate source maps |
gulp-rename |
^2.1.0 | Rename files |
browser-sync |
^3.0.4 | Live reload and browser synchronization |
bootstrap |
^5.3.8 | CSS framework for responsive layouts |
bootstrap-icons |
^1.13.1 | Official Bootstrap icon library |
sass |
^1.93.2 | CSS preprocessor |
apexcharts |
^5.3.5 | Interactive JavaScript charts library |
@fullcalendar/core |
^6.1.19 | Full-featured calendar and scheduling |
flatpickr |
^4.6.13 | Lightweight date/time picker |
leaflet |
^1.9.4 | Interactive maps library |
@fancyapps/ui |
^6.1.2 | JavaScript lightbox library |
jquery |
^3.7.1 | JavaScript library for DOM manipulation |
datatables.net |
^2.3.4 | Advanced data tables |
chart.js |
^4.5.1 | Simple yet flexible JavaScript charting |
simplebar |
^6.3.2 | Custom scrollbar plugin |
emoji-picker-element |
^1.27.0 | Emoji picker component |
src/html/partials/ - HTML partials
and includes
src/scss/ - SCSS source files for
styling
Customize your theme colors by editing the SCSS variables file.
// In assets/scss/_variables.scss
// Base Colors
$blue: #306fd6;
$indigo: #6610f2;
$purple: #a05ee8;
$pink: #d63384;
$red: #f34b7e;
$orange: #ff9453;
$yellow: #e9ce1b;
$green: #22cdc6;
$teal: #20c997;
$cyan: #1fc2fb;Customize typography by updating font imports and variables.
// In assets/scss/_variables.scss
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');We offer 6 months of support for any questions or issues you may encounter.
Discover the powerful technologies and tools that make our platform exceptional
Task Automation
Responsive Framework
Smart Styling
Web Structure
Modern Styling
Mobile Friendly
Web Typography
Vector Graphics
Clean Aesthetics
Flexible Components
Optimized Structure
Clear Guides
Always Available