Introducing the Metronic CRM Concept!  Launch your CRM in minutes with pre-built pages and real-world workflow layouts.

Get Started
Metronic

Changelog

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

Next.jsNext.js Version
Features
  • Added: CRM app concept-Preview
  • 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
  • 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.