Getting Started
Metronic Changelog
Stay updated with the latest enhancements and fixes in Metronic Tailwind CSS HTML & JavaScript Toolkit. This page provides a detailed log of all the changes, including new features, improvements, and bug fixes for each release.
New
Updates & Improvements
KTDatatable
Added column filtering and improved sort handling with abort controller support.
- Preview
Dependencies
Updated @keenthemes/ktui package to version 1.2.7.
New
KTDatatable
Added locked layout support with sticky header, sticky rows, and locked left/right columns via
lockedLayout config.
- Preview
KTStepper
Added 4 new stepper documentation examples — vertical layout, icons, modal wizard, and programmatic control.
- Preview
KTImageInput
Added 3 new image-input documentation examples — avatar profile, remove/revert, and form integration.
- Preview
KTReparent
Added 2 new reparent documentation examples — responsive breakpoint targets and mobile-menu pattern.
- Preview
Updates & Improvements
Dependencies
Updated @keenthemes/ktui package to version 1.2.6.
New
KTUI
Added KTInputNumber — numeric input helper on native
input[type="number"] with optional increment/decrement buttons and events.
- Preview
KTSelect
Added
getValue method for single-select.
KTSelect
Added selected count display for multi-select options.
Updates & Improvements
KTDatatable
Improved remote data URL resolution to support iframes (
srcdoc), SSR, and cross-origin parent contexts without errors.
- Preview
KTDatatable
Added null-safety guards across checkbox, pagination, providers, and table renderer to prevent runtime crashes.
- Preview
KTSelect
Enhanced tag styles and selected count display for better multi-select usability.
- Preview
Input Group
Enhanced button styling with shadow and border adjustments.
Dependencies
Updated @keenthemes/ktui package to version 1.2.5.
Date Picker
Updated custom format examples with long form date representation and adjusted input format.
- Preview
Configuration
Updated PostCSS configuration to use
module.exports syntax.
Security
Resolved npm security vulnerabilities by updating
minimatch (10.2.1 to 10.2.4) and flatted (3.4.1 to 3.4.2) dependencies.
Infrastructure
Removed unused Babel dependencies and cleaned up package configuration.
Infrastructure
Removed
.npmrc configuration file.
New
Fixes
Updates & Improvements
Dependencies
Updated KTUI package versions for v1.2.4.
KTUI
Added support for single component imports (example:
@keenthemes/ktui/components/toggle-password).
- Preview
Initialization
Kept old root import behavior working and added clearer import modes (
@keenthemes/ktui/core and @keenthemes/ktui/init-all).
- Preview
TypeScript
Updated exports so strict TypeScript and modern bundlers resolve types correctly.
- Preview
KTSelect
Fixed KTSelect build issues by using type-only exports for config and option types.
- Preview
Fixes
Updates & Improvements
DataTables.net
Added more DataTables docs examples: empty table, show/hide columns, multi-column sorting, footer totals, row numbers, and French language.
- Preview
DataTables.net
Removed the striped density DataTables example and related script from docs.
- Preview
Laravel Livewire
Fixed Laravel Livewire sidebar state and theme mode after reload and navigation.
- Preview
KTUI
Updated to KTUI v1.2.3 with better toggle and theme switch behavior after SPA or Livewire navigation.
- Preview
Dependencies
Updated package versions, including
axios and vite.
New
KTUI
KTPinInput supports multi-cell PIN/OTP input, paste, keyboard navigation, and optional hidden field sync.
- Preview
KTUI
KTCarousel supports prev/next, pagination, thumbnails, autoplay, and better control binding.
- Preview
Carousel
Added a KTCarousel product details drawer demo with overlay arrows and pagination dots.
- Preview
Pin input
Added 2FA demos (classic and branded) using KTPinInput and hidden
verification_code.
- Preview
Updates & Improvements
KTUI
Updated to KTUI v1.2.2 in Metronic Tailwind HTML with strictNullChecks and safer types across components.
- Preview
New
Fixes
Clipboard
Improved native clipboard handling in KTBaseLayout and hardened copy behavior.
Updates & Improvements
Clipboard
Migrated Clipboard plugin examples/docs from Clipboard.js to native KTClipboard implementation.
- Preview
Dependencies
Removed Clipboard.js dependency and updated references in docs package manifests.
Testing
Enhanced test runner setup and config for v9.4.8 validation.
New
KTRepeater
Repeatable form blocks with add trigger, optional limit, and per-item delete.
KTRating
Rating component with customizable symbols for star or custom UI.
Input group
Example HTML and CSS for select input groups with addons.
AI skills
AI skills for components and theming with installation and usage instructions to improve AI-assisted development.
Fixes
Date Picker
Fixed MMM month formatting so short month names (e.g. Mar/May/Dec) aren’t corrupted in formatted output.
- Preview
Updates & Improvements
KTUI
Improved KTUI build command and TypeScript configuration for library output (lib/cjs, lib/esm).
New
Updates & Improvements
DataTables.net
Improved scrollable table appearance with borders and background adjustments.
- Preview
Dependencies
Upgraded minimatch to 10.2.3 and added serialize-javascript at 7.0.3.
Dependencies
Updated ajv and related packages.
Dependencies
Updated Babel packages and removed clean-webpack-plugin.
Build
build:css:watch now monitors all files in the src directory.
New
Build
Added chokidar-cli for improved CSS build process.
Updates & Improvements
DataTables
Improved DataTables styling with Tailwind CSS integration: custom CSS variables for row selection, hover effects, and responsive design; improved control indicators and sorting icons.
- Preview
Security
Resolved npm security vulnerabilities.
Axios
Upgraded Axios from 1.13.2 to 1.13.5.
Dependencies
Updated package.json and package-lock.json with new dependencies; addressed security vulnerabilities.
New
New
Fixes
New
Full Calendar
Added Full Calendar plugin with comprehensive calendar functionality and event management.
- Preview
WYSIWYG Editor
Added WYSIWYG Editor plugin powered by TinyMCE for rich text editing capabilities.
- Preview
Dropzone
Added Dropzone plugin for drag-and-drop file uploads with preview and progress tracking.
- Preview
Updates & Improvements
Docs
Added framework version information for all documentation pages.
Docs
Improved global framework integration documentation with enhanced examples and clearer instructions.
New
Color Picker
Added Color Picker component with HEX, RGBA, HSLA, HSVA, CMYK support, Hue Slider, Opacity control, and Color Preview.
- Preview
Updates & Improvements
Select
Improved Select component with new
closeOnEnter option to control dropdown closure on Enter key press, new closeOnOtherOpen option to manage multiple dropdowns, search input autofocus, new dispatchGlobalEvents option for event dispatching for jQuery compatibility, optimized dropdown close logic for better performance, and fixed search input persistence after close.
- Preview
Fixes
KTSelect
Fixed KTSelect issues including search input persistence after close, Enter key handling to close the dropdown and trigger selection, race conditions, dispatch events for compatibility with jQuery event listeners, single select display to use flexbox for better alignment, search and clear selection button, configuration for closes other open dropdowns before opening new one, and handle long text truncate.
- Preview
KTDrawer
Fixed KTDrawer issues including drawer positioning within persisted Livewire components and proper z-index stacking.
- Preview
KTDatatable
Fixed KTDatatable issues including improved instance retrieval logic to prevent duplicate instances.
- Preview
Global Components
Fixed Global Components issues including default base path and Topbar buttons, drawer and user dropdown unresponsive after wire:navigate partial refresh.
- Preview
Updates & Improvements
Date Picker
Improved Date Picker with 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, and API Examples.
- Preview
Select
Improved Select component with new
closeOnEnter option to control dropdown closure on Enter key press, new closeOnOtherOpen option to manage multiple dropdowns, search input autofocus, new dispatchGlobalEvents option for event dispatching for jQuery compatibility, optimized dropdown close logic for better performance, and fixed search input persistence after close.
- Preview
Fixes
Fixes
Updates & Improvements
Security Update
Updated to v9.3.8 with important security patches and improvements.
New
Date Picker
Added Date Picker component with 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, and API Examples.
- Preview
Updates & Improvements
Updates & Improvements
Datatable Checkbox
Improved checkbox state handling and event firing for datatable selections.
Select
Enhanced native select element synchronization and improved remote data handling.
Select
Improved option handling and dropdown positioning for the select component.
Datatable
Added
requestCredentials support to datatable configuration for advanced HTTP requests.
Modal
Enhanced hide logic for modal component to improve reliability.
New
Updates & Improvements
Updates & Improvements
Fixes
New
Updates & Improvements
Select
Enhanced dropdown with custom container support (e.g.
body, #modalContainer, etc.).
Select
Added remote data support with search and external API integration.
Fixes
Datatable
Fix datatable sorting stop working in modal.
New
Fixes
New
DataTable
Sorting disable feature for specific columns.
New
New
Core
Enhanced KTMenu initialization and cleanup processes for better performance and memory management.
- Preview
Core
Added Livewire navigation support in KTDom helper for integration with Laravel Livewire applications.
- Preview
Components
Added preserveParentDropdowns option to enhance menu dropdown behavior and prevent unwanted closing.
- Preview
Updates & Improvements
React/Next.js
Enhanced user management components including account security, permissions, roles, and user profile management.
- Preview
React/Next.js
Updated UI components including alert, badge, button, chart, command, context-menu, dialog, github-button, and hover-card.
- Preview
React/Next.js
Updated package dependencies and configuration files for improved stability and performance.
New
Updates & Improvements
HTML
When multiple option is enabled, users can select multiple options without the dropdown closing after each selection.
- Preview
HTML
Enhanced Stepper component to support async validation with step cancellation in change event handlers.
- Preview
HTML
Enhanced Toast component clearAll method to properly remove containers and prevent stale references.
- Preview
React/Next.js
Migrated to the new radix-ui package.
React/Next.js
Updated package dependencies.
New
Updates & Improvements
Global
Upgrade package.json dependencies.
New
Updates & Improvements
Fixes
Global
Safari custom scrollbar style issue fixed.
New
Next.js
Added User Mangement, fully function Next.js app for managing users, accounts and settings.
- Preview
New
Updates & Improvements
Fixes
Updates & Improvements
Fixes
New
Updates & Improvements
Packages
Updated all global dependencies to their latest stable versions in
package.json.
New
Updates & Improvements
HTML
Added
antialiased class to the body tag
to globally enhance font smoothing and improve text rendering quality.
-
More
Show less
Updates & Improvements
Fixes
CSS
Resolved CSS errors in
dist/assets/css/styles.css.
Updates & Improvements
CSS
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
-
More
Show less
dist/assets/css/styles.css caused by the PostCSS issue with nested CSS elements.
Fixes
CSS
Resolved CSS errors in
dist/assets/css/styles.css.
Updates & Improvements
SPA
Use type-only exports in
index.spa.ts.
Package
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.
-
More
Show less
Fixes
Components
Resolved an issue where the
transitionEnd and animationEnd
events were not triggered in Firefox.
KTReparent
Fixed an issue where the component was not working during the window resize event
- Preview
New
Initial Release
