Documentation v8.1.1

Preview Downloads Purchase

Metronic v8.1.1 - 14 July, 2022

Update:

  • Global Fontupdate to Inter - Preview.
  • Dark Modedocumentation update - Preview.

Fix:

  • Demo 1dark header menu hover style fix - Preview.
  • Demo 5devs app missing pages fix - Preview.
  • Demo 14aside mobile mode overflow issue fix - Preview.
  • Select 2multiple selection mode sizes height fix - Preview.
  • Tagifysizes height fix - Preview.

New:

  • Demo 1 - Djangobackend starterkit with layout, authentication and system pages integration - Preview.
  • Demo 1 - Flaskbackend starterkit with layout, authentication and system pages integration- Preview.
  • Demo 1 - ASP.NET Core 6backend starterkit with layout, authentication and system pages integration- Preview.
  • Demo 1 - Blazorbackend starterkit with layout, authentication and system pages integration- Preview.
  • Demo 1design improvements - Preview.
  • Demo 1HTML & SASS code improvements - Preview.
  • Demo 1 - Dark Sidebarlayout option - Preview.
  • Demo 1 - Light Sidebarlayout option - Preview.
  • Demo 1 - Dark Headerlayout option - Preview.
  • Demo 1 - Light Headerlayout option - Preview.
  • Demo 1 - Theme Customizerpanel - Preview.
  • Demo 1 - Layout Builderimprovements - Preview.
  • Dark Modedynamic switch support - Preview.
  • Corporateauthentication pages - Preview.
  • Overlayauthentication pages - Preview.
  • Creativeauthentication pages - Preview.
  • Fancyauthentication pages - Preview.
  • Multi-stepssign-up page - Preview.
  • Welcomeauthentication page - Preview.
  • Verify Emailauthentication page - Preview.
  • Coming Soonauthentication page - Preview.
  • Password Confirmationauthentication page - Preview.
  • Account Deactivatedauthentication page - Preview.
  • 404 Errorsystem page - Preview.
  • 500 Errorsystem page - Preview.
  • Defaultdashboard - Preview.
  • Call Centerdashboard - Preview.
  • POS Systemdashboard - Preview.
  • 4 Mege Menuoptions for header - Preview.
  • Demo 4 Dark Mode- Preview.
  • Fixed Columnsextension integration for Datatables.netplugin - Preview.
  • Image Radio Buttonsoptions - Preview.
  • Paginationwith custom icons - Preview.

Update:

  • Bootstrap v5.2.0framework update - Preview.
  • Dark Modecode refactoring to enable dynamic theme mode switch - Preview.
  • Font Awesome v6.1.1icon set update - Preview.
  • Datatables.net v1.12.1plugin update - Preview.
  • CKEditor v34.0.0plugin update - Preview.
  • Popperjs v2.11.5update - Preview.

Fix:

  • Webpackbuild js errors.
  • CKEditorgulp build issue - Preview.
  • TinyMCEdefault height issue - Preview.

New:

Update:

  • Documentation pages improvements with quick sidebar navigation - Preview.

Fix:

  • KTMenuoffset issue caused - Preview.

New:

Update:

  • Select2options with image improvement - Preview.
  • Select2selected option color improvement - Preview.
  • Popoverdismiss improvements - Preview.

Fix:

  • Input Groupsolid style validation state issue - Preview.
  • Toastranimation issue - Preview.
  • Demo 3sticky header issues - Preview.
  • Demo 9eCommerce App tabs navigation style issue - Preview.
  • Demo 20tab wrap issue - Preview.
  • Demo 21menu display issye on mobile - Preview.
  • Dark modemissing assets issue - Preview.

New:

  • Metronic Downloadspage to download prefered framework and demo with one click - Preview.
  • Demo 21- Preview.
  • Demo 21 Dark Mode- Preview.
  • eCommerce Customersapp - Preview.
  • eCommerce Reportsapp - Preview.
  • eCommerce Settingsapp - Preview.
  • Contactsapp - Preview.
  • Tagifyexternal suggestions example - Preview.
  • Online Coursedashboard - Preview.

Update:

  • Tagifyexternal suggestions example - Preview.
  • FormValidationdocumentation update - Preview.
  • Date Range Pickerimprovements - Preview.

Fix:

  • Demo 5add question button issue - Preview.
  • Select2option selection with keyboard issue - Preview.

New:

  • Bootstrap Tabs Dropdownsintegration - Preview.

Update:

  • FlatpickrUI improvements - Preview.

Fix:

  • Demo 18dashboard page broken HTML code issue - Preview.
  • Select2dropdown position bug in RTL - Preview.
  • CSSsyntax errors fixes.

New:

  • eCommercedashboard - Preview.
  • Store Analyticsdashboard - Preview.
  • Logisticsdashboard - Preview.
  • Deliverydashboard - Preview.
  • Marketingdashboard - Preview.
  • Socialdashboard - Preview.
  • eCommerceapp with sales module - Preview.
  • Theme Modeswitcher(light and dark) menu in header - Preview.
  • Custom Iconsfont icon set - Preview.

Update:

  • Draggableupdate to v1.0.0-beta.12- Preview.

Fix:

  • Select2dropdown position bug in RTL - Preview.
  • Demo 5 Header Menumobile toggle issue in - Preview.

Update:

  • Use Popper v2.10.1specific version in packages.json.
  • Amcharts v5update - Preview.
  • KTImageimprovements - Preview.
  • KTDialernew API methods - Preview.

Fix:

  • KTMenudropdown position issue caused by Popper v2.11.0minor update. Requires packages update via Yarn.

New:

Update:

  • Figma Fileupdate with new demos.
  • Togglecomponent documentation improvements - Preview.
  • Tagify v4.9.2update - Preview.
  • Inbox Appresponsiveness improvements - Preview.

Fix:

  • Select2group input wrap issue - Preview.
  • Select2search input focus issue - Preview.
  • Date Range Pickerdropdown menu border radius issue - Preview.

New:

Update:

  • Vis Timelinedesign improvements - Preview.
  • Select2custom dropdown width option - Preview.

New:

  • Demo 16- Preview.
  • Demo 16 Dark Mode- Preview.
  • Inbox Appwith messages, compose and reply thread - Preview.
  • Datatables.netresponsive extenstion integration - Preview.
  • Separatortext and icon options - Preview.
  • Cookie Alertplugin integration - Preview.
  • Collapsible Cardexamples - Preview.

Update:

  • Select2hover and select state enhancements - Preview.

Fix:

  • Paginationarrows RTL issue - Preview.

New:

Update:

  • User Managementapp enhancements - Preview.
  • Bootstrap Input Groupintegration - Preview.
  • Advanced Form Controlsexamples - Preview.

New:

  • Demo 12- Preview.
  • Demo 12 Dark Mode- Preview.
  • SweetAlertplugin integration - Preview.
  • Bootstrap Form Controlsintegration - Preview.
  • Bootstrap Input Groupintegration - Preview.
  • Advanced Form Controlsexamples - Preview.
  • Bootstrap Toastsintegration - Preview.

Update:

  • Bootstrap v5.1.3update - Preview.
  • FormValidation v1.9.0update - Preview.
  • File Managercode refactoring - Preview.
  • Toastrplugin update - Preview.
  • Dialernegative value and input change event firing issues - Preview.

Fix:

  • Bootstrap Toastsand Toastrconflict - Preview.

New:

Update:

  • File Managerapp enhancements - Preview.
  • User Managementapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Steppersubmit button is not shown - Preview.

New:

  • File Managerapp - Preview.
  • Form Repeaterplugin integration - Preview.
  • New Video Tutorialsfrom the core team - Preview.

Update:

  • FormValidationplugin integration with ASP.NET - Preview.
  • DropzoneJSplugin integration improvements - Preview.
  • Profilemenu responsive improvements - Preview.
  • Accountmenu responsive improvements - Preview.

Fix:

  • Page Loadercolor issue in Dark Mode- Preview.

New:

  • Tiny Sliderplugin integration - Preview.
  • Bootstrap Maxlengthplugin integration - Preview.
  • CountUpplugin integration - Preview.
  • Select2integration with Bootstrap Input Group- Preview.
  • Users Selectionmodal example - Preview.
  • Video Tutorialsfrom the core team - Preview.
  • Figmafile for demos, widgets, icons and general elements.

Update:

  • Bootstrap v5.1.1update - Preview.

Fix:

  • KTMenudropdown alignment issue on mobile mode.
  • Customer Appfilter modal datepicker validation issue - Preview.
  • Subscriptions Appfilter modal datepicker validation issue - Preview.

New:

  • Demo 8complete layout and pages - Preview.
  • Demo 9complete layout and pages - Preview.
  • Demo 6 Dark Modecomplete layout and pages - Preview.
  • Demo 7 Dark Modecomplete layout and pages - Preview.
  • Ajax Server Side DataTablesimprovements - Preview.
  • Autosizetextarea plugin integration - Preview.
  • Bootstrap Vertical Tabsintegration - Preview.

Update:

  • Removed .data-kt-menu-flipattributes from the HTML code of KTMenuinstances to automatically handle the responsive and parent overflow modes.

Fix:

  • Fixed KTMenuresponsive and parent overflow issues.

New:

  • Demo 5 - Support Forumcomplete layout and pages - Preview.
  • Demo 5 - Support Forum Dark Modecomplete layout and pages - Preview.
  • Demo 5 - Support Forum Dark Modecomplete documentation and components - Preview.
  • Duotunein-house designed with 400+ SVG icons - Preview.
  • Multiple Illustrations Supportacross pages and apps with in-house designed illustration sets - Preview.
  • Select2country list with flag implementation - Preview.
  • Select2user list with avatar implementation - Preview.
  • Tagifycountry list with flag implementation - Preview.
  • Tagifyuser list with avatar implementation - Preview.

Update:

  • designfolder added with in-house designed SVG illustrations and Duotune icons source files.
  • KTStepperwizard form validation flow improvements - Preview.
  • DuotoneSVG icons replaced with in-house designed Duotune icons - Preview.
  • Old Demo 5renamed to Demo 8- Preview.
  • .containerclass changed to .container-xxlin demos layouts for better responsivenes in small to medium desktops.

New:

  • Demo 3complete layout and pages - Preview.
  • Demo 3 Dark Modecomplete layout and pages - Preview.
  • Demo 3 Dark Modecomplete documentation and components - Preview.
  • Duotunein-house designed SVG with 300+ icons Preview.
  • jsTreeplugin integration - Preview.
  • Vis-Timelineplugin integration - Preview.

Update:

  • Bootstrap v5.1.0update - Preview.

Fix:

  • Fixed KTBlockUIbuild error in Webpack.

New:

  • Demo 2 Dark Modecomplete layout and pages - Preview.
  • Demo 2 Dark Modecomplete documentation and components - Preview.
  • BlockUIin-house plugin - Preview.
  • FormValidationplugin integration - Preview.
  • Flot Chartsplugin integration - Preview.
  • Google Chartsplugin integration - Preview.
  • Bootstrap Buttons with Badgesoptions - Preview.

Update:

  • Demo 1 Toolbarimprovements - Preview.
  • Demo 5 Toolbarimprovements - Preview.

New:

  • jKanban Boardplugin integration - Preview.
  • Cropper.jsplugin integration - Preview.
  • Bootstrap Menuin-house component documentation - Preview.
  • Bootstrap Buttons with Badgesoptions - Preview.

Update:

  • RTL Versionimprovements - Preview.
  • Apexchart v3.27.3update - Preview.

New:

  • Demo 5 Dark Modecomplete layout and pages - Preview.
  • Demo 5 Dark Modecomplete documentation and components - Preview.

Update:

  • Calendarapp improvements with hoverable event summary - Preview.
  • Ajax Datatableimprovements - Preview.
  • Webpackimprovements for assets build in some older version of node.js.

New:

  • Demo 1 Dark Modecomplete layout and pages - Preview.
  • Demo 1 Dark Modecomplete documentation and components - Preview.
  • Demo 1 Compactdashboard - Preview.
  • Demo 6- Preview.
  • Demo 4 Minimaldashboard - Preview.
  • Ajax Datatableintegration - Preview.

Update:

  • Calendarapp improvements with hoverable event summary - Preview.
  • 3rd-Party Pluginsupdate - Preview.

New:

Update:

  • Fullcalendarplugin integration improvements - Preview.
  • Support Centerapp enhancements - Preview.

Fix:

  • Fullcalendartoolbar not wrapped properly on mobile breakpoints - Preview.

New:

Update:

  • Bootstrap v5.0.2update integration - Preview.
  • Fixed deprecation warnings in Sass during compilation for /division following the Bootstrap authors recommendation.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Demo 1and Demo 5toolbar/page title truncated on mobile mode.
  • Datatablesort icon position fix - Preview.

New:

Update:

  • User Managementapp enhancements - Preview.
  • Customersapp enhancements - Preview.
  • KTPlacecomponent class name changed to KTSwapperand data-kt-place-*attribute name changed to data-kt-swapper-*

New:

  • Support Appoverview page - Preview.
  • Support Ticketspage - Preview.
  • Support Ticket Viewpage - Preview.
  • Support Tutorialspage - Preview.
  • Support Tutorials Postpage - Preview.
  • Support FAQoverview - Preview.
  • Support Licensesoverview - Preview.
  • Support Contact Usoverview - Preview.
  • Image Inputin-house plugin documentation - Preview.
  • Togglein-house plugin documentation - Preview.
  • Triangle Ribbonin-house plugin new option - Preview.

Update:

  • Boxed Horizontal Menu Layoutupdate - Preview.

New:

  • Scrollin-house plugin documentation - Preview.
  • Drawerin-house plugin documentation - Preview.

Update:

  • FormValidation v1.8.1plugin update - Preview.

Fix:

  • Fixed Form Checkvalidations show error message at a wrong place.

New:

  • Demo 1 Laravel 8version - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.

Fix:

  • Fixed Gulpdynamic demo path output by command option. Eg. gulp --demo5

New:

  • Smooth Scrollplugin integration - Preview.
  • Bootstrap Alertsextended integration - Preview.
  • Bootstrap Tooltipsdismiss on click option - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.
  • DropzoneJSplugin integration enhancements - Preview.

Fix:

  • Fixed gulp-dart-sasswarnings with resolution "gulp-dart-sass/sass": "1.32.13"in packages.json
  • Fixed FormValidationmessage display in wrong container for sign-up forms - Preview.

New:

  • Demo 1 Vue 3version - Preview.
  • Toastrplugin integration - Preview.
  • Apexchartsplugin integration - Preview.
  • Chartjsplugin integration - Preview.

Update:

  • Access CSS variables in Javascriptdocumentation - Preview.

Fix:

  • Fixed Stepperdemo's responsive issue - Preview.

New:

  • Teampage - Preview.
  • Licensespage - Preview.
  • Sitemappage - Preview.
  • AmChart Chartslibrary integration - Preview.
  • AmChart Mapslibrary integration - Preview.
  • AmChart Stock Chartslibrary integration - Preview.
  • Clipboardplugin integration - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.
  • FormValidation v1.8.0update - Preview.
  • User Managementapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

New:

  • Complete User Managementapp - Preview.
  • Advanced User Listpage with add/edit user modals - Preview.
  • Extended User Detailspage with user profile, settings, logs and more - Preview.
  • Advanced User Rolespage with complete CRUD features - Preview.
  • Advanced User Permissionspage with complete CRUD features - Preview.
  • Handy Ribboncomponent with complete documentation - Preview.

Update:

  • Bootstrap v5.0.1update integration - Preview.
  • Blazorintegration documentation enhancements - Preview.
  • DropzoneJSplugin integration enhancements - Preview.
  • Cardcomponent enhancements - Preview.

New:

  • Classic Demo 5with square style - Preview.
  • Font icon Asideand Headermenu options - Preview.
  • UX friendly Landingpage sticky header - Preview.

Update:

  • Landingpage pricing table enhancements - Preview.
  • Blazorintegration documentation enhancements - Preview.
  • Chatapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.
  • DropzoneJSplugin integration enhancements - Preview.
  • Cardcomponent enhancements - Preview.

New:

  • Complete Landingfor product showcase - Preview.
  • Popular DropzoneJSfile upload plugin integration - Preview.
  • Handy Bootstrap Multiselectsplitterplugin integration - Preview.
  • High demand Google reCAPTCHA v3plugin integration - Preview.
  • Interactive Typed.jsplugin integration - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.
  • Chatapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

New:

  • Blazor Frameworkintegration documentation - Preview.
  • Complete Contact Uspage with feedback form and interactive map - Preview.
  • Extended Bootstrap Tooltipsintegration - Preview.
  • Extended Bootstrap Popoverintegration - Preview.

Update:

  • Layoutenhancements for iOS v12.x & v13.x
  • Chatapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Fixed Menusand Drawerstoggle issue for iOS v12.x and v13.x.

New:

  • Creative About Uspage - Preview.
  • Complete Pricing & Plan Selectionpage - Preview.
  • Advanced Careers Listingpage - Preview.
  • Fully functional Careers Applicationpage Topbarchat button - Preview.
  • Classic FAQpage - Preview.
  • Extended FAQpage - Preview.

Update:

  • Chatapp enhancements - Preview.
  • Subscriptionsapp payment methods listing enhancements - Preview.
  • Customersapp details table enhancements - Preview.

Fix:

  • Fixed Demo1breadcrumb responsive issue on Mobile.
  • Fixed Demo1topbar icons tooltip issue on Mobile.

New:

  • Fully functional and flexible Chatapp - Preview.
  • Extended Group Chatoption - Preview.
  • Extended Drawer Chatoption - Preview.
  • Global Quick Chat Messangerfeature launched with the Topbarchat button - Preview.
  • Complete Invoice Managementapp - Preview.
  • Advanced Invoice 1template - Preview.
  • Minimalistic Invoice 2template - Preview.

Update:

  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Fixed Select2search input focus issue on modal.

New:

  • Fully functional Subscriptions Managementapp - Preview.
  • Advanced Subscriptions Listingpage - Preview.
  • Detailed Subscription Viewpage - Preview.
  • Extended Subscription Add/Editpage - Preview.
  • Stylish Blog Homepage - Preview.
  • Well-structured Blog Postpage - Preview.
  • Awesome Fullscreen Lightboxplugin integration - Preview.

Update:

  • Customersapp Javascript files reorganization.
  • Remember Demo 1 Aside Menulast scroll position.
  • DataTablesplugin documentation improvement - Preview.

New:

  • Fully functional Customers Managementapp - Preview.
  • Advanced Customers Listingpage - Preview.
  • Detailed Customers Viewpage - Preview.
  • Documentation for exclusive plugin KTStepper- Preview.

Update:

  • Other Documentationimprovements.

Fix:

  • Fixed long modal content overflowing issue.

Metronic v8.0.0 - 9 April, 2021

New:

  • The first (Demo 1) HTML version for Metronic 8 with the most advanced enterprise ready solution.
  • New unified core framework (SASS, Javascript, Typescript, Webpack, Gulp) for HTML and SPA versions with flexible design system support.
  • Fully functional and real world business oriented solutions.
  • Custom tailored Bootstrap 5 components.
  • No design skills required, code without ever leaving your HTML editor.
  • No CSS/SASS coding required, our flexible CSS utility classes build on top of Bootstrap 5 will cover almost all your design needs.
  • 18 exclusive in-house components.
  • 30 deeply integrated popular 3rd party plugins.
  • Assets(CSS/JS) optimization up to 75%.
  • Gulp v4 & Webpack v5 based build tools refactoring with ES6.
  • Enhanced responsive layouts.
  • Overall Layout structure and performance improvements.
  • Native Custom Scrollbars (Perfect Scrollbar plugin dropped)
  • Components lazy initialization via HTML attributes (no more repeating JS code).
  • Fully functional pages, apps, modals, forms and datatable examples.

Next:

  • Typescript/ES6 support.
  • Other demos releases.
  • Angular, VueJS, React versions implementation.
  • Angular, VueJS, React authentication with real REST API.
  • Detailed documentation of in-house components.
  • Dark Skin support.
  • Frontend Launcher templates.
  • Limitless fully detailed pages.
  • More popular 3rd party plugins integration.
  • More advanced CRUD based apps and pages.
  • More advanced forms and input controls
  • And many more.

Demos

Metronic Licenses

License FAQs
Regular License
For single end product used by you or one client
$ 39
Extended License
For single SaaS app with paying users
$ 969
Custom License
Reach us for custom license offers.
Buy Now
Learn & Get Inspired

Support at devs.keenthemes.com

Join our developers community to find answer to your question and help others. FAQs
Get Support
Documentation & Videos
From guides and video tutorials, to live demos and code examples to get started.
Plugins & Components
Check out our 300+ in-house components and customized 3rd-party plugins.
Layout Builder
Build your layout, preview it and export the HTML for server side integration.
Metronic Downloads
Download your prefered framework and demo with one click.
What's New
Latest features and improvements added with our users feedback in mind.