Metronic New Year Sale! Buy Extended License with 30% discount now.

Save 30% Now!
Metronic

Changelog

Learn about the latest updates and improvements to Metronic and build your project with confidence.

Next.jsNext.js Version
Features
  • Added: Todo App-Preview
    • Todo App Layout
    • Todo List
    • Tasks Management
    • Today Tasks
    • Upcoming Tasks
    • AI Assistant
ViteVite Version
Features
  • Added: Todo App-Preview
    • Todo App Layout
    • Todo List
    • Tasks Management
    • Today Tasks
    • Upcoming Tasks
    • AI Assistant
HTMLHTML Version
Improvements
  • Improved: Date Picker iprovements.-Preview
    • Inline Calendar
    • Date Picker Popup
    • Multiple Months Support
    • Date Range Selection
    • Time Picker
    • Time Range Selection
    • Multiple Dates Selection
    • Min/Max Dates
    • Date Formats
    • Year & Months Pickers
    • Internationalization Support
    • Dark Mode
    • API Examples
Improvements
  • Improved: Select component improvements.-Preview
    • New closeOnEnter option to control dropdown closure on Enter key press
    • New closeOnOtherOpen option to manage multiple dropdowns, closing others when one opens
    • Search input autofocus
    • New dispatchGlobalEvents option for event dispatching for jQuery compatibility
    • Optimize dropdown close logic for better performance
    • Search input persistence after close
Improvements
  • Updated: KtUI v1.1.2 update.-Preview
Improvements
  • Fixed: KTToast miissing styles.-Preview

Next.jsNext.js Version
Improvements
  • Added: Next.js 16.0.10 security update.-Preview
  • Added: React 19.2.3 security update.
  • Added: React DOM 19.2.3 security update.
ViteVite Version
Improvements
  • Added: Vite 7.2.7 security update.
  • Added: React 19.2.3 security update.
  • Added: React DOM 19.2.3 security update.
  • Added: React Router 7.10.1 package update.
HTMLHTML Version
Improvements
  • Improved: Date Picker iprovements.-Preview
    • Inline Calendar
    • Date Picker Popup
    • Multiple Months Support
    • Date Range Selection
    • Time Picker
    • Time Range Selection
    • Multiple Dates Selection
    • Min/Max Dates
    • Date Formats
    • Year & Months Pickers
    • Internationalization Support
    • Dark Mode
    • API Examples
Improvements
  • Fixed: KTToast miissing styles.-Preview

Next.jsNext.js Version
Improvements
  • Added: Next.js 16.0.8 security update.-Preview
  • Added: React 19.2.1 security update.
  • Added: React DOM 19.2.1 security update.
ViteVite Version
Improvements
  • Added: Vite 7.1.3 security update.
  • Added: React 19.2.1 security update.
  • Added: React DOM 19.2.1 security update.
  • Added: React Router 7.10.1 package update.
HTMLHTML Version
Improvements
  • Improved: Date Picker iprovements.-Preview
    • Inline Calendar
    • Date Picker Popup
    • Multiple Months Support
    • Date Range Selection
    • Time Picker
    • Time Range Selection
    • Multiple Dates Selection
    • Min/Max Dates
    • Date Formats
    • Year & Months Pickers
    • Internationalization Support
    • Dark Mode
    • API Examples
Improvements
  • Fixed: KTToast miissing styles.-Preview

Next.jsNext.js Version
Features
  • Added: Starter Kit - Layout 39-Preview
    • Todo App Layout
    • Sidebar Panel
    • Tags List
    • Status Panel
    • User Menu
    • AI Sidebar
ViteVite Version
Features
  • Added: Starter Kit - Layout 39-Preview
    • Todo Layout
    • Sidebar Panel
    • Tags List
    • Status Panel
    • User Menu
    • AI Sidebar
HTMLHTML Version
Features
  • Added: Date Picker component.-Preview
    • Inline Calendar
    • Date Picker Popup
    • Multiple Months Support
    • Date Range Selection
    • Time Picker
    • Time Range Selection
    • Multiple Dates Selection
    • Min/Max Dates
    • Date Formats
    • Year & Months Pickers
    • Internationalization Support
    • Dark Mode
    • API Examples
Improvements
  • Updated: KtUI v1.1.1 update.-Preview

Next.jsNext.js Version
Features
  • Added: AI Chat-Preview
    • Prompt Starter
    • Prompt Messages
    • Thread Settings
    • Prompt Toolbar
    • Chats History
    • Pinned Chats
ViteVite Version
Features
  • Added: AI Chat-Preview
    • Prompt Starter
    • Prompt Messages
    • Thread Settings
    • Prompt Toolbar
    • Chats History
    • Pinned Chats
HTMLHTML Version
Improvements
  • Updated: KtUI v1.0.28 update.-Preview
  • Improved: Datatable Improve error handling events for remote datasource.-Preview

Next.jsNext.js Version
Features
  • Added: Starter Kit - Layout 38-Preview
    • AI Chatbot Layout
    • Sidebar Panel
    • AI Model Selection
    • Recent Chats
    • Share Chats
    • Pinned Chats
ViteVite Version
Features
  • Added: Starter Kit - Layout 38-Preview
    • AI Chatbot Layout
    • Sidebar Panel
    • AI Model Selection
    • Recent Chats
    • Share Chats
    • Pinned Chats
HTMLHTML Version
Improvements
  • Updated: KtUI v1.0.27 update.-Preview
  • Improved: Select Dropdown Menu position .-Preview
  • Improved: Modal backdrop click handling to prevent modal close.-Preview

Next.jsNext.js Version
Features
  • Added: Calendar App Concept-Preview
    • Calendar Month View
    • Calendar Week View
    • Calendar Day View
    • Calendar Agenda View
    • Add Event Dialog
    • Edit Event Dialog
    • Drag & Drop Events
  • Added: Layout 37 starter kit.-Preview
ViteVite Version
Features
  • Added: Calendar App Concept-Preview
    • Calendar Month View
    • Calendar Week View
    • Calendar Day View
    • Calendar Agenda View
    • Add Event Dialog
    • Edit Event Dialog
    • Drag & Drop Events
  • Added: Layout 37 starter kit.-Preview
HTMLHTML Version
Improvements
  • Improved: Select enhanced native select synchronization and remote data handling.-Preview
  • Improved: Datatable add requestCredentials support to configuration.-Preview
  • Improved: Modal enhance hide logic for modal component.-Preview

Next.jsNext.js Version
Features
  • Added: Mail App Concept-Preview
    • Reply Message
    • Forward Message
    • Message Toolbar
    • Add Labels
    • Ask AI Dialog
  • Added: Layout 36 starter kit.-Preview
ViteVite Version
Features
  • Added: Mail App Concept-Preview
    • Reply Message
    • Forward Message
    • Message Toolbar
    • Add Labels
    • Ask AI Dialog
  • Added: Layout 36 starter kit.-Preview
HTMLHTML Version
Features
  • Added: Layout 17 starter kit.-Preview

Next.jsNext.js Version
Features
  • Added: Mail App Concept-Preview
    • Message Compose
    • Direct Messages
    • Add Teammates
  • Added: Layout 35 starter kit.-Preview
ViteVite Version
Features
  • Added: Mail App Concept-Preview
    • Message Compose
    • Direct Messages
    • Add Teammates
  • Added: Layout 35 starter kit.-Preview
HTMLHTML Version
Features
  • Added: Layout 16 starter kit.-Preview

Next.jsNext.js Version
Features
  • Added: Mail App Concept-Preview
    • Messages List
    • Message View
    • Empty State
  • Added: Layout 33 starter kit.-Preview
  • Added: Layout 34 starter kit.-Preview
ViteVite Version
Features
  • Added: Mail App Concept-Preview
    • Messages List
    • Message View
    • Empty State
  • Added: Layout 33 starter kit.-Preview
  • Added: Layout 34 starter kit.-Preview
HTMLHTML Version
Improvements
  • Improved: Select improvements.-Preview

Next.jsNext.js Version
Features
  • Added: Layout 29 starter kit.-Preview
  • Added: Layout 30 starter kit.-Preview
  • Added: Layout 31 starter kit.-Preview
  • Added: Layout 32 starter kit.-Preview
ViteVite Version
Features
  • Added: Layout 29 starter kit.-Preview
  • Added: Layout 30 starter kit.-Preview
  • Added: Layout 31 starter kit.-Preview
  • Added: Layout 32 starter kit.-Preview
HTMLHTML Version
Features
  • Added: Layout 15 starter kit.-Preview
Improvements
  • Improved: Select remote async data support.-Preview
  • Improved: Select custom container support.-Preview
  • Improved: Datatable sorting improvements.-Preview
  • Improved: Layout 14 starter kit responsive layout improvements.-Preview

Next.jsNext.js Version
Features
  • Added: Inventory Platform - Settings-Preview
    • General Settings
      • General Info
      • Store Preferences
      • AI Features
      • Contact Channels
    • Payment Settings
      • General Payment Settings
      • Tax Settings
      • Invoices & Receipts
  • Added: Layout 26 starter kit.-Preview
  • Added: Layout 27 starter kit.-Preview
  • Added: Layout 28 starter kit.-Preview
ViteVite Version
Features
  • Added: Inventory Platform - Settings-Preview
    • General Settings
      • General Info
      • Store Preferences
      • AI Features
      • Contact Channels
    • Payment Settings
      • General Payment Settings
      • Tax Settings
      • Invoices & Receipts
  • Added: Layout 26 starter kit.-Preview
  • Added: Layout 27 starter kit.-Preview
  • Added: Layout 28 starter kit.-Preview
HTMLHTML Version
Features
  • Added: Layout 14 starter kit.-Preview

Next.jsNext.js Version
Features
  • Added: Inventory Platform - Customer Management app concept-Preview
    • Customer List
      • Customer Data Grid
      • Group Action Toolbar
    • Customer Details
      • Overview
      • Orders
      • Invoices
      • Billing Details
      • Reviews
      • Activity Timeline
    • Add Customer
    • Edit Customer
  • Added: Layout 24 starter kit.-Preview
  • Added: Layout 25 starter kit.-Preview
ViteVite Version
Features
  • Added: Inventory Platform - Customer Management app concept-Preview
    • Customer List
      • Customer Data Grid
      • Group Action Toolbar
    • Customer Details
      • Overview
      • Orders
      • Invoices
      • Billing Details
      • Reviews
      • Activity Timeline
    • Add Customer
    • Edit Customer
  • Added: Layout 24 starter kit.-Preview
  • Added: Layout 25 starter kit.-Preview

Next.jsNext.js Version
Features
  • Added: Inventory Platform - Order Management app concept-Preview
    • Order List
    • Nested Tabled
    • Order Details
    • Order Tracking
  • Added: Layout 21 starter kit.-Preview
  • Added: Layout 22 starter kit.-Preview
  • Added: Layout 23 starter kit.-Preview
ViteVite Version
Features
  • Added: Inventory Platform - Order Management app concept-Preview
    • Order List
    • Nested Tabled
    • Order Details
    • Order Tracking
  • Added: Layout 21 starter kit.-Preview
  • Added: Layout 22 starter kit.-Preview
  • Added: Layout 23 starter kit.-Preview

Next.jsNext.js Version
Features
  • Added: Store - Inventory app concept-Preview
    • Dashboard
    • Inventory
      • Track Shipment
      • Create Shipment Label
      • Current Stock
      • Per-product Stock
      • Inbound Stock
      • All Stock
      • Outbound Stock
    • Products
      • Create Product
      • Product List
      • Edit Product
      • Product Details
      • Manage Variants
    • Categories
      • Category List
      • Category Details
      • Create Category
      • Edit Category
    • Orders
      • Order List
  • Added: Layout 18 starter kit.-Preview
  • Added: Layout 19 starter kit.-Preview
  • Added: Layout 20 starter kit.-Preview
ViteVite Version
Features
  • Added: Store - Inventory app concept-Preview
    • Dashboard
    • Inventory
      • Track Shipment
      • Create Shipment Label
      • Current Stock
      • Per-product Stock
      • Inbound Stock
      • All Stock
      • Outbound Stock
    • Products
      • Create Product
      • Product List
      • Edit Product
      • Product Details
      • Manage Variants
    • Categories
      • Category List
      • Category Details
      • Create Category
      • Edit Category
    • Orders
      • Order List
  • Added: Layout 18 starter kit.-Preview
  • Added: Layout 19 starter kit.-Preview
  • Added: Layout 20 starter kit.-Preview
HTMLHTML Version
Features
  • Added: Layout 13 starter kit.-Preview

Next.jsNext.js Version
Features
  • Added: CRM app concept-Preview
    • Dashboard
    • Tasks
    • Notes
    • Contacts
    • Companies
    • Company Details
    • CRUD Features
  • Added: Layout 15 starter kit.-Preview
  • Added: Layout 16 starter kit.-Preview
  • Added: Layout 17 starter kit.-Preview
ViteVite Version
Features
  • Added: CRM app concept-Preview
    • Dashboard
    • Tasks
    • Notes
    • Contacts
    • Companies
    • Company Details
    • CRUD Features
  • Added: Layout 15 starter kit.-Preview
  • Added: Layout 16 starter kit.-Preview
  • Added: Layout 17 starter kit.-Preview
HTMLHTML Version
Features
  • Added: Layout 11 starter kit.-Preview
  • Added: Layout 12 starter kit.-Preview
Improvements
  • Improved: Angular integration guide with project creation and core integration steps.-Preview
Updates
  • Updated: KtUI v1.0.20 release.-Preview

Next.jsNext.js Version
Features
  • Added: Layout 1 starter kit.-Preview
  • Added: Layout 2 starter kit.-Preview
  • Added: Layout 3 starter kit.-Preview
  • Added: Layout 4 starter kit.-Preview
  • Added: Layout 5 starter kit.-Preview
  • Added: Layout 6 starter kit.-Preview
  • Added: Layout 7 starter kit.-Preview
  • Added: Layout 8 starter kit.-Preview
  • Added: Layout 9 starter kit.-Preview
  • Added: Layout 10 starter kit.-Preview
  • Added: Layout 11 starter kit.-Preview
  • Added: Layout 12 starter kit.-Preview
  • Added: Layout 13 starter kit.-Preview
  • Added: Layout 14 starter kit.-Preview
Updates
  • Updated: ReUI v1.0.0 release.-Preview
ViteVite Version
Features
  • Added: Layout 1 starter kit.-Preview
  • Added: Layout 2 starter kit.-Preview
  • Added: Layout 3 starter kit.-Preview
  • Added: Layout 4 starter kit.-Preview
  • Added: Layout 5 starter kit.-Preview
  • Added: Layout 6 starter kit.-Preview
  • Added: Layout 7 starter kit.-Preview
  • Added: Layout 8 starter kit.-Preview
  • Added: Layout 9 starter kit.-Preview
  • Added: Layout 10 starter kit.-Preview
  • Added: Layout 11 starter kit.-Preview
  • Added: Layout 12 starter kit.-Preview
  • Added: Layout 13 starter kit.-Preview
  • Added: Layout 14 starter kit.-Preview
  • Added: Added Carousel component for image and content slideshows.-Preview
  • Added: Added Code component for syntax highlighting and code display.-Preview
  • Added: Added Kanban component for task and project management.-Preview
  • Added: Added Skeleton with Pattern component for enhanced loading states.-Preview
Improvements
  • Improved: Enhanced user management components including account security, permissions, roles, and user profile management.-Preview
  • Improved: Updated UI components including alert, badge, button, chart, command, context-menu, dialog, github-button, and hover-card.-Preview
  • Improved: Updated package dependencies and configuration files for improved stability and performance.
Updates
  • Updated: ReUI v1.0.0 release.-Preview
HTMLHTML Version
Features
  • Added: Layout 1 starter kit.-Preview
  • Added: Layout 2 starter kit.-Preview
  • Added: Layout 3 starter kit.-Preview
  • Added: Layout 4 starter kit.-Preview
  • Added: Layout 5 starter kit.-Preview
  • Added: Layout 6 starter kit.-Preview
  • Added: Layout 7 starter kit.-Preview
  • Added: Layout 8 starter kit.-Preview
  • Added: Layout 9 starter kit.-Preview
  • Added: Layout 10 starter kit.-Preview
  • Added: Enhanced KTMenu initialization and cleanup processes for better performance and memory management.-Preview
  • Added: Livewire navigation support in KTDom helper for integration with Laravel Livewire applications.-Preview
  • Added: preserveParentDropdowns option to enhance menu dropdown behavior and prevent unwanted closing.-Preview
Improvements
  • Improved: Angular integration guide with project creation and core integration steps.-Preview
  • Improved: Laravel integration guide with improved core and styles integration.-Preview
  • Added: Vue integration guide with download instructions.-Preview
Updates
  • Updated: KtUI v1.0.20 release.-Preview

ViteVite Version
Fixes and Improvements
  • Fixed: Navigation menu collapse issues on smaller screens
  • Fixed: Modal dialog focus trap improvements
Improvements
  • Improved: Bundle size optimization for better loading times
  • Improved: Component tree shaking efficiency
HTMLHTML Version
Fixes and Improvements
  • Fixed: CSS Grid layout issues in Safari browser-Preview
  • Fixed: Form validation styles for better UX

Next.jsNext.js Version
Features
  • Added: Added SaaS landing page template.-Preview
Improvements
  • Improved: Upgrade package.json dependencies.

HTMLHTML Version
Features
  • Added: Added Advanced Select component.-Preview
  • Added: Added Toast component.-Preview
  • Added: Added Form Validation docs and examples.-Preview
Improvements
  • Improved: Upgrade to the latest Tailwind CSS v4.1.7.
  • Improved: Updated Laravel Integration guide and starterkit for v9.2.x.-Preview
  • Improved: Updated Blazor Integration guide and starterkit for v9.2.x.-Preview
  • Improved: Updated Vue Integration guide and starterkit for v9.2.x.-Preview
Fixes and Improvements
  • Fixed: Safari custom scrollbar style issue fixed.
ViteVite Version
Features
  • Added: Date & Time picker component.-Preview
  • Added: Date Input component.-Preview
  • Added: Time Input component.-Preview
  • Added: Date & Time Input component.-Preview

HTMLHTML Version
Features
  • Added: Added Store - Client, a complete HTML e-commerce app for online selling.-Preview
Improvements
  • Improved: Metronic HTML migration to KtUI components.-Learn more
  • Improved: Metronic v9.1.2 legacy docs deployment.-Preview
ViteVite Version
Features
  • Added: Added Store - Client, a complete React e-commerce app for online selling.-Preview
Improvements
  • Improved: Metronic React migration to ReUI components.-Learn more
Next.jsNext.js Version
Features
  • Added: Added Metronic Next.js, a complete Next.js version of Metronic.-Preview
  • Added: Added Store - Client, a complete Next.js e-commerce app for online selling.-Preview
  • Added: Added User Management, fully functional Next.js app for managing users, accounts and settings.-Preview

HTMLHTML Version
Improvements
  • Improved: Support for latest Tailwind 3.4.15.-Preview
  • Improved: Blazor integration guide improvements.-Preview
  • Improved: Laravel integration guide improvements.-Preview
ViteVite Version
Features
  • Added: Integrated the most popular React UI Toolkit, Shadcn UI with Radix.-Preview

HTMLHTML Version
Improvements
  • Improved: Support for latest Tailwind 3.4.14.-Preview
  • Improved: Laravel integration guide improvements.-Preview
  • Improved: Menu component improvements.-Preview
  • Improved: Sticky component improvements.-Preview
  • Improved: Scrollspy component improvements.-Preview
Fixes and Improvements
  • Fixed: Resolved Sticky content sidebar issue.-Preview
  • Fixed: Fixed the Tooltip issue with delay settings.-Preview
ViteVite Version
Features
  • Added: Complete React version of Metronic 9 Tailwind.-Preview

HTMLHTML Version
Improvements
  • Improved: Laravel integration guide improvements-Preview
Fixes and Improvements
  • Fixed: Fixed the incorrect content path in tailwind.config.js.-Preview
  • Fixed: Resolved warnings during the production build with npm run build:prod.-Preview
  • Fixed: Fixed the issue with incorrect sticky header height calculations.-Preview

HTMLHTML Version
Features
Improvements
  • Improved: Updated all global dependencies to their latest stable versions in package.json.
  • Improved: Added a sticky scrollable content layout-Preview
  • Improved: React integration guide improvements-Preview
  • Improved: Vue integration guide improvements-Preview
  • Improved: Angular integration guide improvements-Preview
  • Improved: Laravel integration guide improvements-Preview

HTMLHTML Version
Features
  • Added: New demo added-Preview
  • Added: New demo added-Preview
  • Added: New demo added-Preview
  • Added: New demo added-Preview
  • Added: Blazor Server integration guide added-Preview
  • Added: Blazor Server starterkit added-Preview
Improvements
  • Improved: Added antialiased class to the body tag to globally enhance font smoothing and improve text rendering quality.
  • Improved: React integration guide improvements-Preview
  • Improved: Vue integration guide improvements-Preview
  • Improved: Angular integration guide improvements-Preview
  • Improved: Laravel integration guide improvements-Preview
Fixes and Improvements
  • Fixed: Fixed the display issue of the User dropdown(header's right navbar) submenu in mobile mode.-Preview
  • Fixed: Resolved the offset calculation issue in src/core/components/sticky/sticky.ts.-Preview

HTMLHTML Version
Features
  • Added: Next.js integration guide added-Preview
  • Added: Next.js starterkit added-Preview
Improvements
  • Improved: React integration guide improvements-Preview
  • Improved: Vue integration guide improvements-Preview
  • Improved: Angular integration guide improvements-Preview
Fixes and Improvements
  • Fixed: Resolved CSS errors in dist/assets/css/styles.css.

HTMLHTML Version
Improvements
  • Improved: Angular integration guide enhancements-Preview
  • Improved: React integration guide improvements-Preview
  • Improved: Vue integration guide improvements-Preview
  • Improved: The CSS source for Demo1 has been relocated from src/core/plugins/layouts/demo1.js to src/css/demos/demo1.css. This change resolves the CSS errors in dist/assets/css/styles.css caused by the PostCSS issue with nested CSS elements.
Fixes and Improvements
  • Fixed: Resolved CSS errors in dist/assets/css/styles.css.

HTMLHTML Version
Improvements
  • Improved: Angular integration guide enhancements-Preview
  • Improved: React integration guide improvements-Preview
  • Improved: Vue integration guide improvements-Preview
  • Improved: Use type-only exports in index.spa.ts.
  • Improved: Due to the increasing package size, reaching 10gb, the Metronic v8.x package has been moved. It is now available for download from Google Drive, provided in the ThemeForest download package, and from the Metronic Downloads site, which requires a purchase code to download individual features.
Fixes and Improvements
  • Fixed: Resolved an issue where the transitionEnd and animationEnd events were not triggered in Firefox.
  • Fixed: Fixed an issue where the component was not working during the window resize event-Preview

HTMLHTML Version
Features
  • Added: Initial Release

Frequently Asked Questions

Explore our most frequently asked questions to get instant clarity on features, setup, licenses, refunds and support packages.

For any questions beyond the scope of this FAQ, please Contact Us.