kt-
prefixes for clarity and to differentiate from Tailwind’s built-in classes. data-kt-
attributes enable lazy JavaScript initialization with minimal code.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
Issue running NextJs version, missing NEXT_PUBLIC_BASE_PATH on env while it being use on API call.
Hi,
Thanks for the heads-up. Noted, we will add in the next update update of Metronic v9.2.1:
NEXT_PUBLIC_API_URL=
NEXT_PUBLIC_BASE_PATH=
Looks good, but disappointed that Angular didn't make it. In this post you've made a mention of SPA integration guides (and its in Bold)... but I haven't been able to find it in the docuemntation.
It would have been good to apply a hyperlink to it, to make it easier to get the documentation.
Hi,
We have just updated Metronic 9.2 Angular Spa Integration guide here. Also please refer to the updated Github repo(access from the top header bar's right button).
Regards,
Sean
Thanks Sean much appreciated.
Much Appreciated Sean.
I have followed the guide and I wanted to double check, is there meant to be a styles.css in dist/assets/vendor/ktui ? I'm getting errors it cannot find it and the metronic-tailwind-html-v9.2.0 doesn't appear to have it.
I've also got KTDOM error which there appears to be an open issue already.
Hi,
Do you still have this issue ? If yes, can you please create a separate support request via https://devs.keenthemes.com/question/create so we can help you promptly.
Regards,
Sean
I'm having heavy problems integrating it with angular with strange errors located in the ktui package. Could you priorize Angular docs since many users now have asked for it? Thanks for your amazing work!
The Metronic 9.2 update is truly impressive! The integration of Tailwind CSS 4, React 19, Next.js 15, along with the introduction of KtUI and ReUI, showcases a significant advancement in UI development. These enhancements promise improved scalability and performance for our projects.Siemens resellers in Qatar
Hi ,
Thank you for the great feedback on the Metornic 9.2 update. Yes, it was a huge work by our team. We are a long todo list and we will start shipping new components, concept apps and more in regular updates.
If you have a success story working with Metronic, it would be a great to make a case study and share with the community. You can reach us via our support email support@keenthemes.com if you have anything to share.
Regards,
Sean
Hello Keenthemes team,
With the release of Metronic 9.2.0, I see there are now two React versions available: the existing Vite-based build and a new Next.js implementation. I personally prefer Vite for its simplicity and speed, but I’m wondering about long-term support. Will the Vite version continue to receive updates and bug fixes, or do you plan to focus exclusively on Next.js in future releases? Which version would you recommend choosing today? Is there any routemap?
Thank you for your guidance!
Hi,
Sorry for the late reply. Sure, we will put our full focus on HTML,Vite and Next.js version and we will keep all version synced with all new features released regually. Our ReUI library is developed as open-source and will be used as a main UI library for Metronic. I hope you can support us with a start
Regards,
Sean
will Github repo be updated to reflect the latest version? current repo: https://github.com/keenthemes/metronic-tailwind-html-integration does not reflect the latest changes, correct?
Having crazy issues setting up project from scratch to be fully integrated. Github pre-integrated will help a lot.
Hi,
Thanks for the feedback. We will update v9 Github repo shortly.
Regards,
Sean
Thank you, i appreciate if you can update the Angular version at least for now: https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-angular
Hello Sean, any update on updated github repo for angular project?
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
I'm also dependent on that, thanks for updating!
Hi @Sean, is there a way to avoid using Supabase for authentication in regards to the React/Tailwind theme?
Seems like a hard requirement especially for projects that integrating other backends.
Hi,
The current authentication flow provides a minimal and solid approach to secure authentication. To tailor it to your project's specific needs, please share your detailed authentication requirements.
This will allow us to provide targeted guidance and recommendations.
Best regards,
Sean
Well, as I said, it's tightly coupled with Supabase, which is ok if you want to use Supabase, but if you don't then you need to refactor accordingly.
That's not a big deal other than you cannot integrate to existing systems without ditching the supabase first.
Thanks for the support but I will have to figure it out myself. I was hoping for some config or some interface to implement.
Hi,
Appreciate your feedback. We will think of switchable auth module with API abstraction.
Regards,
Sean
I'm having the same difficulty removing authentication with supabase, I'll need to refactor everything. I also chose the pure react version because with next 15 the performance is very bad, it takes up to 7500ms for the first page load. Is there any solution for the performance of Next 15?
Hi ,
In production Next.js works quite fast. In dev mode it may be slower in the first loads. Next.js is very popular framework and there is a huge demand for it.
You can also use Vite version, default React app. It's faster and its more suitable for admin apps while next.js can be used for frontend apps where the page content is available for search engines.
Regards,
Sean
Laravel doesn't work, I've already updated it based on your repository, I downloaded the new version 9.2. However, when I try to build it I get:
â Build failed in 341ms
error during build:
[vite:css] [postcss]
/resources/css/app.css:2:127933: Missed semicolon
hay @sean, i got this error too..
would you help pls?
Hi,
Please get the latest @keenthemes/ktui package where this issue was fixed for Vite builds.
Regards,
Sean