Metronic 9.2 Release
A New Era with KtUI, ReUI, and Tailwind 4, React 19, Next.js 15!
We’re thrilled to announce the most anticipated Metronic update ever! This giant shift forward brings transformative changes for a faster, community-driven future.
A Revamped Codebase for Speed and Scalability
With full Tailwind CSS 4 integration, we’ve reshaped Metronic’s codebase for smoother, quicker updates. Our optimized development flow means faster feature rollouts. While some breaking changes are introduced, they’re essential to keep Metronic cutting-edge.
Introducing KtUI and ReUI: Open Source Powerhouses
This update introduces two open source UI libraries: KtUI for vanilla JavaScript and ReUI for React. Sharing a unified design system, they ensure Metronic’s consistent, sleek look across both platforms.
KtUI: Tailwind-Powered Components for HTML
KtUI, our Tailwind CSS-based open source library, powers Metronic’s HTML version, enabling community-driven growth. Its high-quality components and JavaScript functionality simplify building dynamic interfaces.
- New Naming Convention: KtUI classes use
kt-prefixes for clarity and to differentiate from Tailwind’s built-in classes. - Data Attributes:
data-kt-attributes enable lazy JavaScript initialization with minimal code. - Theme System: Inspired by Shadcn, KtUI’s CSS variable-based theming aligns with Tailwind 4 workflows.
ReUI: Accessible React Components with Radix UI
ReUI brings Metronic’s design system to React, using Radix UI primitives for accessible, Tailwind-tailored components. Perfect for React or Next.js apps, ReUI ensures a polished, cohesive experience alongside KtUI.
Why Vanilla JS and React?
We’ve prioritized vanilla JavaScript and React to align with development trends and AI tooling advancements. Supporting all frameworks (like Vue or Angular) is resource-intensive, so we’re focusing on maximum user value. Vue and Angular devs can still use Metronic’s HTML/JS features via our SPA integration guides in Metronic’s documentation.
Breaking Changes, Bigger Promises
This is Metronic’s biggest shift since launch. Built on KtUI, ReUI, and Tailwind 4, it’s now more scalable and community-focused. Breaking changes require adjustments, but they pave the way for a dynamic platform.
What’s Next?
We’re just getting started. Here’s what’s coming:
- Faster Updates: More frequent releases for HTML, React, and Next.js with advanced components.
- Select and Datepicker Components: Core functionality is ready, with styled releases due soon.
- Community Growth: Support KtUI and ReUI by starring KtUI on GitHub and ReUI on GitHub, sharing, and contributing.
Join Us in Taking Metronic to the Next Level
With KtUI, ReUI, and Tailwind 4, Metronic is more powerful and community-driven than ever. Star KtUI and ReUI on GitHub, share with your network, and contribute to shape Metronic’s future. Got feedback? Comment or reach out via Metronic’s support page. Let’s build something amazing together!
— The Metronic Team
Replies (96)
This release looks like a real game-changer — Tailwind 4 with KtUI and ReUI will definitely make development faster and more scalable like inatbox . Excited to try out the new components and see how they improve overall project workflows.
Recommend several AI tools to you.
1:LoraAI Directory is a tool provides free AI Tools Directory. Get your favorite AI tools with LoraAI Directory, LoraAI Directory aims to collect all the AI tools and provide the best for users.
2:Tap4 AI Directory is a tool provides free AI Tools Directory. Get your favorite AI tools with Tap4 AI Directory, Tap4 AI Directory aims to collect all the AI tools and provide the best for users.
3:AiNaviTool.com is your ultimate directory for discovering the best AI tools and technologies. Find AI-powered solutions for development, design, marketing, productivity, and more. Navigate the future of artificial intelligence with our curated collection of cutting-edge tools.
4:Transform your look in seconds with AI Hairstyle Changer. Try 50+ styles and colors for free. No editing skills needed. Start your hair transformation now!
Create stunning 3D models instantly with Gen3D - AI 3D Generator . Turn images or text prompts into high-quality 3D assets in seconds-no modeling skills needed. Fast, accurate, and beginner-friendly.
AI 3D Generator:
Discover official bio site <br> a quick hub for all essential links and updates.</a><br>
Seedream 4.0 AI – 1-Second Image Generation & Editing Studio | Seedream 4.0 AI Image Generator
Nano Banana is a cutting-edge AI image generator powered by Google Gemini 2.5 Flash Image. Transform text prompts into high-quality visuals with consistent characters and precise scene details. Nano Banana leverages advanced AI for effortless image creation and editing.
Nano Banana:
The new release sounds fantastic! I love how it focuses on efficiency and ease of use.
HEIC to PDF converter.
doodlebaseball.
Exciting update! The shift to Tailwind 4 with KtUI and ReUI looks like a huge step forward for scalability and modern development.
Ótimo trabalho na atualização do Metronic 9.2! A integração do Tailwind CSS 4, KtUI e ReUI é revolucionária — especialmente para nós que trabalhamos com necessidades de UI dinâmicas e escaláveis. Recentemente, tenho trabalhado em uma plataforma de jogos que também foca em experiências de usuário sem falhas e na otimização de desempenho.
Wow! Metronic 9.2 is a monumental leap forward, completely revolutionizing the framework with the introduction of KtUI and ReUI for vanilla JavaScript and React, and full integration of Tailwind 4! This release isn't just an update; it's a game-changer, promising unparalleled speed, scalability, and a truly community-driven future for modern UI development. Absolutely brilliant! For more, .visit
ReUI Command 404 This page could not be found.
https://reui.io/docs/command
Huge congrats on the 9.2 release — this is a major leap forward! The shift to Tailwind 4, the addition of KtUI and ReUI, and the focus on performance and community-driven development is exactly what modern UI frameworks need. I really appreciate the clear direction with vanilla JS and React — smart move focusing on where most of the developer energy is. Excited to dig into the new components and watch this ecosystem grow!
This update is a huge leap forward — loving the integration of Tailwind 4 and the open-source direction with KtUI and ReUI!
Great work on the Metronic 9.2 update! The integration of Tailwind CSS 4, KtUI, and ReUI is a game-changer—especially for those of us working with dynamic, scalable UI needs. I’ve recently been working on a gaming platform called which also focuses on seamless user experiences and performance optimization. These kinds of front-end innovations are exactly what modern apps like ours need. Looking forward to seeing more components and enhanced SPA guides. Keep it up!
FM WhatsApp is a modified version of the original WhatsApp, created by Fouad Mokdad, that offers advanced privacy options and full customization features. Unlike the official app, FM WhatsApp lets you hide your online status, blue ticks, typing indicator, and even prevent others from deleting messages. It also allows you to apply custom themes, change fonts and icons, and lock specific chats without using a third-party app. Since it's not on the Play Store, download FM WhatsApp from fmwhsapp to get the latest safe version.
Nice blog! I appreciate how you’ve explained the key factors to look for. I’ve tried Laser247 and found it reliable for both cricket and football betting. Plus, their customer support was quick to respond when I needed help.
Hello. I make a an update for Angular version from GitHub but KtUI components are not working. It there missing initialization or something like in previous version? Styles are okay...only JS is not working.
Regards,
Daniel
Hi,
Sorry for the late reply. We have updated the Angular Guide for Metronic v9:
https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/angular along with the Demo 1 Starter Kit:
https://github.com/keenthemes/metronic-tailwind-html-integration
Please let us know if you need any further assistance.
Regards,
Sean
Need Help, These two resources not working when I deploy project online.
@source '../../dist/assets/vendors/ktui/';
// ...
@source '../../../node_modules/@keenthemes/ktui/src/';
Hi,
Sorry for the late reply. If you still dealing with this issue could you create a new support request via https://devs.keenthemes.com/question/create so we can assist you further with priority.
Regards,
Sean
These KtUI additions in HTML in 9.2.1, are they available and can be used in Vue.js package as well?
Hi,
Sorry for the late reply. We have updated the Vue Guide for Metronic v9.2.x:
https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/vue along with the Demo 1 Starter Kit:
https://github.com/keenthemes/metronic-tailwind-html-integration
Please let us know if you need any further assistance.
Regards,
Sean
I’ve noticed a bug in the Demo 2 template provided in your Tailwind HTML package. The topbar (header) in this layout does not behave as expected:
1. It does not switch to dark mode when the theme is toggled.
2. It does not shrink or become sticky when scrolling down the page, unlike in other demos.
I’ve attached a screenshot for reference.
postimg.cc/mhZQyvCG
Hi,
Thank you for reporting this issue. We will fix it in the next update asap.
In the meantime please just replace "bg-white/80" with "bg-background/80" in the header class condition.
Regards,
Sean
Hi, why in 9.2.0 i got bugs in vue/nuxt project like no scrollable sidebar, dropdown item in header not working?
In previous version 9.1.2 no problem after following instruction integration vue why in this version i was completely follow instruction but i got many bugs?
Hi,
Could you please check the latest KtUI and Metronic v9.2.1 updated ? We have fixed Vue related issues. If you encounter any further issues please reports them via https://github.com/keenthemes/ktui
Regards,
Sean
where could i find a complete examples for form inputs like metronic 5, cause KTUI is sooooo poor, few examples for inputs, also stepper (form wizard in metronic 5) has one example and not working
Hi,
We are working on KtUI and Metronic blocks to enable more components and UI blocks. Currently if you browse https://keenthemes.com/metronic/tailwind/demo1/account/home/settings-sidebar you will be able to get most of UI blocks for forms, cruds and more.
Regards,
Sean
Hello! First of all, keep up the good work!
I have a question regarding the styles.
I have downloaded the Metronic Nextjs package, which comes with a figma file as well.
My product designer has been implementing some designs following the Metronic design guidelines, but the styles in the basecode are not aligned.
I can find colors like 'primary', 'muted', 'destructive', etc. but those are not in the Figma file (here colors are 'primary', 'success', 'danger', 'info', etc.)
This means that we'd need to refactor every component style-wise.
Am I missing something? Any help is greatly appreciated.
Thanks in advance
Hello,
The KTUI colors are based on standard tailwind colors and you can customize it as per your requirements by overring badge components if required.
We will consider exposing those states as variables in the upcoming releases for easier customizations.
Regards,
Sean
