Dashmix is a fully responsive and premium Bootstrap 4 admin dashboard template and UI framework with Laravel 7 support. Dashmix was built with Sass and ECMAScript 6 (ES6) and comes packed with smart tools such as webpack 4, Babel 7, Gulp 4, Autoprefixer and Browsersync which will save you time and help you build your project faster and more efficiently. It will enable you to build all kind of pages using the same fast and powerful layout. It comes in both HTML and PHP versions to help you rocket start your project your way. A Laravel 7 Starter Kit is also included to help you build your Laravel 7 based project. It was created to be as lightweight and fast as possible. Completely modular with many unique features, it will help you build your next awesome idea.
Dashmix is a professional, flexible, modern, fully featured admin template that can be used to create the UI for all kind of projects: Web Applications, Backend Websites, Websites, Custom Admin Panels, Admin Dashboards, CMS, CRM or even a Portfolio, Blog, Business Website. We encourage you to have a good look at live preview and discover all the included features!
3.0 Update – July 15, 2020
- NEW FEATURES
- Typography, layout and design improvements throughout all pages including all dashboards
- Main navigation layout and colors improved for all colors themes and sidebar variations
- A dark sidebar with a light header is now the default preview layout
- All color themes were improved
- Horizontal navigation now works great on dark headers
- Custom radio boxed design
- Default font changed to Inter instead of Nunito Sans
- SimpleMDE Editor FontAwesome conflict
- Bootstrap Tooltip/Popover positions
- Breadcrumb and Timeline icons alignments
- Bootstrap 4.5.0 (4.4.1)
- jQuery 3.5.1 (3.4.1)
- Font Awesome 5.13.1 (5.12.1) – 41 new icons
- FullCalendar 5.1.0 (3.10.2)
- Bootstrap Maxlength 1.10.0 (1.6.0)
- CropperJS 1.5.7 (1.5.6)
- CKEditor 4.14.1 (4.12.1)
- DataTables 1.10.21 (1.10.20)
- Dropzone 5.7.1 (5.7.0)
- FullCalendar 5.1.0 (3.10.1)
- jVectorMap 3.1.1 (3.1.0)
- jQuery Validation 1.19.2 (1.19.1)
- Pwstrength Bootstrap 3.0.9 (3.0.5)
- SimpleBar 5.2.1 (5.1.0)
- SweetAlert2 9.15.3 (9.10.0)
- Summernote 0.8.18 (0.8.12)
- Laravel Starter Kit: Laravel 7.19.0 (7.1.0)
2.3 Update – March 12, 2020
- Laravel Starter Kit is now based on Laravel 7
- Default grid gutters are now smaller on mobiles to match with main content’s padding
- Small fixes to _theme.scss mixin and Get Starter RTL Boxed Backend markup
- FontAwesome 5.12.1 (5.12.0) – 8 new icons!
- Dropzone 5.7.0 (5.5.1)
- Gmaps.js 0.4.25 (0.4.24)
- Select2 4.0.13 (4.0.12)
- SweetAlert2 9.10.0 (9.7.0)
- Laravel Starter Kit: Laravel 7.1.0 (6.10.1)
2.2 Update – January 23, 2020
Get Started Version with RTL Support
- Backend Boxed
- RTL Landing
- RTL Backend
- RTL Backend Boxed
- Backend Boxed
- Blog Pages
- Profile Edit Page
- Various design improvements to main navigation, color themes and layout
- Docs: Laravel Starter Kit section was updated with new info
- FontAwesome 5.12.0 (5.10.2) – 186 new icons!
- Bootstrap 4.4.1 (4.3.1)
- Bootstrap Colorpicker 3.2.0 (3.1.2)
- Bootstrap Tourist 0.3.2 (0.2.1)
- Chart.js 2.9.3 (2.8.0)
- Cropper.js 1.5.6 (1.5.5)
- DataTables 1.10.20 (1.10.19)
- Flatpickr 4.6.3 (4.6.2)
- Highlight.js 9.16.2 (9.12.0)
- Ion Rangeslider 2.3.1 (2.3.0)
- jVectorMap Next 3.1.0 (3.0.0)
- Popper.js 1.16.0 (1.15.0)
- Select2 4.0.12 (4.0.10)
- Simplebar 5.1.0 (4.2.1)
- SweetAlert2 9.7.0 (8.17.1)
- Laravel Starter Kit: Laravel 6.12.0 (6.0)
2.1 Update – September 12, 2019
- NEW FEATURES
- Max width set to main content
- Docs: Instructions were added for recreating demo pages in Laravel Starter Kit from the HTML version
- Select2 focus outline color fix
- Enabled enter key in textareas in Form Wizard & Validation examples
- Added ‘fade hide’ classes to toasts examples in notifications page
- Ribbon modern variation style fixes
- Laravel Starter Kit: Google Web Font and Main/Theme stylesheets ids were fixed in blade layouts (in <head> section)
- jQuery 3.4.1 (3.3.1)
- FontAwesome 5.10.2 (5.7.1) – 131 new icons!
- Bootstrap Colorpicker 3.1.2 (3.0.3)
- Bootstrap Datepicker 1.9.0 (1.8.0)
- SweetAlert2 8.17.1 (8.5.0)
- Cropper.js 1.5.5 (1.5.1)
- CKEditor 4.12.1 (4.11.3)
- FullCalendar 3.10.1 (3.10.0)
- Popper.js 1.15.0 (1.14.7)
- Simplebar 4.2.1 (2.6.1)
- jQuery Password Strength Meter 3.0.5 (3.0.3)
- Summernote 0.8.12 (0.8.11)
- jQuery Validation 1.19.1 (1.19.0)
- Select2 4.0.10 (4.0.5)
- JS Cookie 2.2.1 (2.2.0)
- Laravel Starter Kit: Laravel 6.0 (5.8)
2.0 Update – March 18, 2019
- NEW FEATURES
- Bootstrap 4.3.1 (4.1.3)
- FontAwesome 5.7.1 (5.6.0) – 68 new icons!
- SweetAlert2 8.5.0 (7.32.2)
- Ion Range Slider 2.3.0 (2.2.0)
- Popper.js 1.14.7 (1.14.6)
- Full Calendar 3.10.0 (3.9.0)
- Chart.js 2.8.0 (2.7.3)
- Cropper.js 1.5.1 (1.4.3)
- Moment 2.24.0 (2.22.2)
- CKEditor 4.11.3 (4.11.1)
- es6-promise 4.2.6 (4.2.5)
- Laravel Starter Kit: Laravel 5.8 (5.7)
1.5 Update – December 12, 2018
- NEW FEATURES
- Hero section of landing page
- Various color themes improvements
- 4 new contextual colors added (*-lighter for danger, success, info and warning colors)
- Form validation helper is now added and can be used to apply default options before your custom rules (optional)
- Font Awesome 5 Pro support out of the box
- Table checkable helper optimizations
- SweetAlert2 console deprecations messages
- Removed outline style from links (visible on Firefox)
- Laravel Starter Kit: Switched the order of JS files in simple layout
- Laravel Starter Kit: Added the proper ids to the link elements in head section of the layout examples
- FontAwesome 5.6.0 (5.2.0) – 217 new icons!
- SweetAlert2 7.31.2 (7.26.11)
- Raty.js 2.9.0 (2.8.0)
- CropperJS 1.4.3 (1.4.1)
- Chart.js 2.7.3 (2.7.2)
- CKEditor 4.11.1 (4.10.0)
- Highlight.js 9.12.0 (9.10.0)
- Summernote 0.8.11 (0.8.10)
- Select2 4.0.5 (4.0.6rc1) – Downgrade to stable
- es6 Promise 4.2.5 (4.2.4)
- jQuery Validation 1.19.0 (1.17.0)
- Laravel Starter Kit: Laravel 5.7 (5.6)
1.4 Update – August 22, 2018
- NEW FEATURES
- Onchange event is now triggered when checkboxes’ values change (used with Checkable Table Helper) – Thanks for the tip Pierre!
- Side content is now scrollable in Messages Dashboard
- Laravel Starter Kit: You can now use the $ shortcut for jQuery, too
- Bootstrap Notify plugin now works correctly on mobiles
- Options Overlay now works correctly on mobiles
- FontAwesome 5.2.0 (5.1.0) – 50 new icons!
- Bootstrap 4.1.3 (4.1.1)
- Bootstrap Colorpicker 3.0.3 (2.5.2)
- SweetAlert2 7.26.11 (7.22.2)
- CropperJS 1.4.1 (1.3.1)
- Dropzone 5.5.1 (5.4.0)
- Laravel Starter Kit: npm and composer dependencies
1.3 Update – July 10, 2018
- Laravel Starter Kit
- CSS Switches can now be toggled by clicking anywhere, not only on the knob
- Font Awesome 5.1.0 (5.0.13) – 155 New Icons!
- DataTables 1.10.19 (1.10.16)
- SweetAlert2 7.25.0 (7.22.2)
- CKEditor 4.10.0 (4.9.2)
1.2 Update – June 14, 2018
- NEW FEATURES
- Open/Close block API now uses ‘d-none’ class instead of jQuery hide() and show() functions
- Hero section of the landing page
- Temporary fix for custom form elements alignment when their label has no content (this bug was introduced with Bootstrap 4.1.1)
- Navigation stack examples fixed by removing ‘nav-stacked’ and adding ‘flex-column’ class
- Nav tabs hover/active colors fixes
- Moment.js 2.22.2 (2.22.1)
- SweetAlert2 7.22.2 (7.20.1)
- CropperJS 1.3.6 (1.3.5)
1.1 Update – May 15, 2018
- NEW FEATURES
- Sparkline JS helper: ‘data-chartRangeMax’ and ‘data-chartRangeMin’ options can now be used
- Added the ‘fa-fw’ class in all icons (not all icons had it) used in the Notifications dropdown for correct alignment
- Bootstrap 4.1.1 (4.1)
- FontAwesome 5.0.13 (5.0.10) – 90+ New Icons
- SweetAlert2 7.20.1 (7.19.0)
- jVectorMap 3.0.0 (2.0.4)
1.0 Release – April 23, 2018
Dashmix was built with extra care and love, based on the valuable feedback we keep receiving over the many years we work on dashboard projects. It follows the best practices and uses the latest technologies. It will enable you to build fast, reliable, user friendly web applications and websites that will look great and work seamlessly across various screens and devices. It will be a valuable tool that will help you create the product that will provoke the emotions and credibility you want for your business.
HTML & PHP
Choose the one that better fits your project’s requirements.
Laravel 7 Starter Kit
Rocket start your custom Laravel project with the included starter kit! It includes a few page examples and main assets ready to work with Laravel Mix out of the box.
Get Started Version
A production ready version with boilerplate pages is included in the package. It will help you rocket start your project.
Boilerplate RTL pages are also included in ‘Get Started’ Version to help you as a starting point for your RTL project.
Built with Sass
Dashmix CSS framework was built with Sass following a completely modular approach. It is easy to understand, customize and extend to fulfill your needs or project’s requirements.
Automation (Gulp 4, webpack 4, Babel 7, Browsersync, Autoprefixer)
Dashmix comes packed with the latest tools already set up to work out of the box. Just a console command away from start coding your project. You don’t have to think about ES6 or Sass compilation, CSS prefixes, web server or live refreshing. Everything just works, so you can focus on your work.
Dashmix is based on the latest version of the world’s most popular front-end component library. It is a major rewrite of almost the entire project and comes packed with lots of changes and features that make it the coolest release till now.
Flexbox is now the default layout module used throughout the Bootstrap framework. Due to this feature, creating complex layouts and aligning elements is now easier than ever.
Working with someone else’s code can become uncomfortable and make you unproductive. We strive to ensure that your experience with Dashmix will be the exact opposite.
Dashmix’s layout was build with flexbox and is responsive, adaptive and flexible. It enables you to create all kinds of pages that look great and work seamlessly across mobile and desktop devices.
GPU powered sidebar animations and smart CSS styles will ensure a super-fast experience for your mobile and desktop users.
Custom JS APIs
Manipulate blocks and layout any way you want with simple function calls.
Carefully picked and integrated third-party JS components that will enrich your pages with custom functionality. Completely modular design will let you use only the ones you need in your projects.
All kinds of ready pages designed with attention to detail. Get inspired and create your own.
Font Awesome 5
Dashmix comes packed with the latest version of the most popular icon pack on the planet.
In the package, you will find the Dashmix Docs which can become a valuable tool in getting familiar with the overall structure and helping you start your project faster.
We get to know you better by continuously listening to your feedback. This way, we learn where to focus our efforts and build/improve quality products to better match your needs.
We are passionate with what we do and love crafting products that can make your life easier and help you succeed. We pay attention to small details and always aiming for the best.
We are committed to our work and stand by our projects. Our aim is to improve them in every update and offer the most full-featured packages with the smallest possible footprint.
Less is More
We believe that design should be invisible and enhance the user experience, not get in the way. This gives room for your content to breath and attracts your users’ attention to the right place.
Although Dashmix is well commented & documented, you might need some further help, so feel free to contact us through our profile’s contact form. We will be more than happy to assist you as soon as possible!
- The content in the template is fictional and doesn’t represent actual functionality unless it is stated otherwise. It is used only for demonstration and for populating the pages with examples.
- MyPhotoPack provides awesome free images. Thanks to its license, all the images are included with the template!
- Avatars are included only in the live preview as a demonstration.
- Uinames.com generates random user names. The names used in the template are fictional and
used for demonstration purposes.