12203 comments found.
do you provide all the demos in vue-laravel with data in download zip
Hi,
The demos are not available for vue-laravel. We provide full demos for Tailwind HTML, Bootstrap HTML, React and Next.js.
Regards, Sean
What’s the demo link for laravel and what’s the frontend library used for laravel version?
Hi,
The laravel app uses Bootstrap/HTML/JS for the frontend part.
Regards, Sean
What’s wrong with the documentation pages? None of them are working. We can’t access the pages that contain the installation documentation. for the Bootstrap version
Hi,
Sorry for the inconvenience. We’re were migrating to a new, faster server, and all previews already back online.
Metronic v8 docs link: https://preview.keenthemes.com/html/metronic/docs/Thanks
I don’t have access to this. File not found.
https://preview.keenthemes.com/laravel/metronic/docs/The content still displayed here at https://preview.keenthemes.com/laravel/metronic/docs/ is the same content that is in the HTML documentation.
Hi,
Thank you for informing this. We will fix it shorty. Please retry it in a while
Regards, Sean
Hi @dllister
We have corrected the documentation for Laravel.
Thanks
Is this available for Laravel + vue ?
Hi,
At the moment we don’t have this. You can check all other available features here: http://keenthemes.com/metronicRegards, Sean
Is there an estimated ETA for the html version of Inventory so that I can layer into our existing infrastructure with other pages? Or do you have a suggestion for making it html/javascript(jquery) only without the next framework? BTW, This template is awesome!
Hi,
We have a major upcoming release for the Metronic 9 HTML Tailwind version with many new components.
While we can’t confirm an exact date yet, we expect to begin delivering it in January 2026.
Regards, Sean
preview.keenthemes.com is down, please make it up, it helps while working on our project.
Hi,
Sorry for the inconvenience. We’re currently migrating to a new, faster server, and all previews will be back online shortly.
Regards, Sean
There is no toast style in metronic-v9.3.7/metronic-tailwind-html-demos/dist/assets/css
KTToast.show({ message: ‘Profile saved’, variant: ‘success’, duration: 3000, action: { label: ‘Undo’, onClick: (id) => { console.log(‘Undo clicked’, id); } } });
background is transparent
Hi,
Apologies for the inconvenience. We’re currently working on the issue, and it will be resolved soon.
Regards, Sean
Hi,
We will include the fix in the next update in a few hours.
Thanks
Why are there no HTML versions of the latest interfaces. I bought this for general dev and not only have none of the bugs I have found been fixed by you (i’ve had to fix myself) but none of the updates are HTML only which allows the developer to choose the platform to code on. In reality it’s the most important version and you literally have to pretty much have it done for the other version. So what gives?
Hi,
If you encounter any issues, please reach out to our support team at support@keenthemes.com with detailed information and screenshots.
We’ve also just released a major update for the Metronic 9 HTML Datepicker: https://keenthemes.com/metronic/tailwind/docs/components/date-pickerMore starter kit layouts, components, and concept apps will be added in upcoming updates!
Regards, Sean Keenthemes Support
Do all designs in Angular appear in the version we purchased?
Hi,
Metronic 8 Bootstrap comes with Angular demos: https://keenthemes.com/metronic/bootstrapAll these will be included in your purchase.
However for Metronic 9 Tailwind we will only offer Angular integration guide with Demo 1 layout integrated Angular starter app as per: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/angularRegards, Sean
If I buy it now, I’ll have access to previous versions, right? And we’ll get the new updates for version 9 as well?
Hi 
,
Sure, you will get access to all Metronic versions including v5,v6,v7,v8 and v9.
Regards, Sean
I’m currently using the V9 Livewire integrated environment. When I use wire:navigate to perform partial page refreshes, the buttons in the top-right corner components—such as topbar-apps.blade.php, topbar-chat.blade.php, topbar-notification-dropdown.blade.php, topbar-search-modal.blade.php, and topbar-user-dropdown.blade.php—no longer respond to clicks. I’ve spent a whole week trying to resolve this issue but have ultimately failed.
I added the following component in base.blade.php to ensure that KTUI components are reinitialized after partial refreshes, but it still didn’t help. I hope you can assist me with this problem.
<script>
function reinitKtui() {
=> {
document.addEventListener(event, () => {
setTimeout(reinitKtui, 50);
});
});</script><script> function reinitKtui() {
document.querySelectorAll('[data-kt-initialized]').forEach(el => {
el.removeAttribute('data-kt-initialized');
});
=> {
document.addEventListener(event, () => {
setTimeout(reinitKtui, 50);
});
});const components = ['KTMenu', 'KTDropdown', 'KTOffcanvas', 'KTScrolltop'];
components.forEach(name => {
if (window[name]?.createInstances) {
window[name].createInstances();
}
});
}</script>
Can you try to use livewire:navigated for wire:navigate navigation. Resets initialization flags before reinitializing. Includes a small delay to make sure the DOM is ready
if (window.KT_MENU_INITIALIZED !== undefined) {
window.KT_MENU_INITIALIZED = false;
}
document.addEventListener('livewire:navigated', () => {
// Small delay to ensure DOM is fully updated
setTimeout(reinitKtui, 50);
});
I’ve tried it multiple times again, but the issue still isn’t resolved. After manually refreshing the page in the browser, typing window.KT_MENU_INITIALIZED in the browser console directly returns undefined. The navigation menu on the page remains fully functional—the only problem is that elements like the avatar, search, and chat buttons in the top-right corner of the demo1 page become unresponsive after a Livewire partial (navigated) page reload.
Hi,
We will need to investigate it and check it in the component code, specifically for Livewire wire:navigate to function correctly. This is a conditional issue that affects only Livewire wire:navigate feature.
Thanks
I’m really confused—how should this issue be resolved? Could you please provide a complete, runnable code example on GitHub? I downloaded the project from GitHub and created a Livewire project following your tutorial documentation, and encountered this issue. Additionally, whether it’s demo1 or any other demo, there’s another problem: when clicking the search button in the top-right corner of the page, the modal dialog that appears is also covered by the backdrop blur, making it impossible to display or interact with properly.
When can we wait for the results
Hi,
We will reply to your comments here very soon. Currently fully busy with server migration. Appreciate your understanding.
Regards, Sean
If there are any solutions, please let me know immediately, I am still waiting for a reply, thank you.
Hi,
We will check on this issue soon.
Thanks
Please
Hi,
We are working on this to fix and include the examples in Metronic Livewire.
Thanks
Hello, have you found the problem? Have you found a solution
Hi,
We haven’t got it working yet. We will double check it and let you know if we have any solution.
Regards, Sean
Hi,
Please try to use the latest Metronic Livewire. We have fixed it to support wire:navigate
https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel-livewireThanks
Have you passed the test? I’ve encountered another problem now. The menu on the left side cannot be expanded. After clicking, there is no response
Yes, thank you for letting us know. We will check the menu
I would like to ask how long it will take to solve this problem. You can see that it has been a long time since I reported the issue about livewire. You are much more professional than us users. It may take less than a day for you to solve this problem, but it may not take several weeks for us to solve it.
Yes, thank you for your feedback. We will focus on fixing this issue.
I want to know how the entry is now
When will there be a solution to this problem, look forward to replying
I downloaded your new version, and the left menu can be expanded normally, but the unfortunate thing is that the buttons in the upper right corner of the avatar do not work after a partial refresh of the page. I am angry. If you fix problem A, problem B will appear, and after fixing problem B, problem A will appear. It’s been going on and on, four months, what are you doing, when can I use the normal version, really angry
Hi,
Can you please try this Livewire fix for wire:navigate? In the sidebar menu, you can click on profile, settings, users.
https://drive.google.com/file/d/1jfm3VMfb-oQbqhdwJsybRhGglz5lNnJi/view?usp=drive_linkI didn’t test as expected. I’d like to know if your test is normal? Can the secondary menu in the left menu bar be expanded normally? After partial refresh, can I click the avatar button in the upper right corner of the page to expand?
To be honest, I am now in a phase of self-doubt because of this problem. After multiple updates and fixes, I still see that the problem exists. It seems that you have never discovered the problem, but I have never used a normal version, so I am now doubting my own problem. Is that the case?
Hi UORN,
Here is our test video. https://www.loom.com/share/fdfddb5631374b9eaa70825e3441aba1 We includes the fixes for livewire, in drive link I provided above. After wire:navigate, avatar dropdown and drawer should be working.We will check the left sidebar collapse issue and include all the fixes in the upcoming Metronic updates this week.
Thank you for your testing and reply. I also tried it. Everything is normal in the development environment, but after executing nmp run build, clicking on the buttons in the upper right corner in the formal environment has no response. Can you please test it again?
Hi,
Thank you for your feedback. I’m checking it today. Will get back to you.
Thanks
What is the test result? If everything is normal, can you execute the npm run build，After that, I’m sending the files,
？
I re-downloaded the latest version and everything worked fine, thank you very much
Thank you very much for your patience. glad to hear that the latest version is now working correctly for you. If you encounter any other issues or need further assistance, please feel free to let us know.
Hi ! i lost the original metronic 4 package, where can I download it again? thanks
Hi,
If you need it for the same project, we can provide the download link so please contact us via support@keenthemes.com.
if you use it for a new project/instance/deployment you will need a new license as each license regular/extended limited for a single use.
Regards, Sean
waiting fo Datepicker tailwind, thank you
Hi ,
Finally! We are preparing it for release within the next week! More components for v9 Tailwind HTML on the way!
Regards, Sean
what version of laravel
Hi
May I know which Metronic version you are using? We have Metronic v8 – Bootstrap or Metronic v9 – Tailwind?
You can find Metronic v9 with Laravel v12 boilerplate here:
https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/laravel https://github.com/keenthemes/metronic-tailwind-html-integrationThanks
It’s been so long now, yet your Livewire sidebar menu still can’t be expanded. I checked the comments—someone already reported this issue five months ago! Half a year has passed, and the problem persists. Likewise, there’s a huge difference between Demo 1’s HTML template and the Node.js template. For example, the Node.js version allows you to configure which columns are displayed in data tables, while the HTML version doesn’t. I raised this issue three months ago, but it’s still unresolved. Additionally, four months ago, you mentioned you’d provide a feature similar to SweetAlert, yet there’s still no update on that front.
Hi
May I know which Metronic version you are using? We have Metronic v8 – Bootstrap or Metronic v9 – Tailwind?
Thanks
Metronic v9 – Tailwind
Hi
Can you try this for the menu in Livewire? https://github.com/keenthemes/ktui/issues/29
We don’t have NodeJS version yet for Metronic v9 https://github.com/keenthemes/metronic-tailwind-html-integrationA SweetAlert-like notification component isn’t available in Metronic v9 as of now. This is a pending feature request.
Thanks
I can now directly access the page, and elements like menu buttons are working normally. However, after using Laravel Livewire’s wire:navigate to perform partial page refreshes, many elements and buttons on the page become unresponsive when clicked. How can I resolve this issue?
Hi,
This problem occurs because wire:navigate replaces a portion of the DOM without a full page reload, causing previously initialized JavaScript, including event listeners, to be lost. you need to reinitialize your JavaScript after each wire:navigate event. can you try with event listener with livewire:navigated.?
document.addEventListener('livewire:navigated', function () {
// Your JavaScript initialization code
});
Hi I downloaded but I cannot found vue?
Hi,
To get the Bootstrap Vue demos shown https://keenthemes.com/metronic/bootstrap please check the download_full_v8_bootstrap_package.txt file included in your ThemeForest download package. Inside, you’ll find a Google Drive link to access the full Metronic 8 package. Since the package is around 10GB, we’ve provided it via Google Drive for a faster and more convenient download experience.
Regards, Sean
Sigue dando error al ejecutar npm run build:prod
Agrego el codigo que da error por favor revisar para utilizar la última version de metronic-tailwind-html@9.3.5
> metronic-tailwind-html@9.3.5 build:prod > npx tailwindcss -i ./src/css/styles.css -o ../wwwroot/assets/css/styles.css—minify && npx webpack—env production
≈ tailwindcss v4.1.16
Found 1 warning while optimizing generated CSS:
│ } │ } │ @media (max-width: var(—breakpoint-xl)) { ┆ ^—Invalid media query ┆ │ .kt-scrollable, .kt-scrollable-hover { │ overflow: auto;
Hi,
Thank you for informing this. We will fix this warning in the next update. In the meantime you can fix this warning in your end by editing “src/css/components/scrollable.css” as:
@media (max-width: 64rem) {
...
}
Regards, Sean
Hello, could you help me to reach https://keenthemes.com/metronic/starter-kits/vite/layout-18 ?
Hi,
You can get Metronic 9 Tailwind React Vite layouts from metronic-tailwind-react-starter-kit package in the download zip from themeforest.net/downloads.
For more info please check: https://docs.keenthemes.com/metronic-react/guides/layoutsRegards, Sean
Thanks for answer. So when do you think the HTML version of this interface will be available? To be honest, I hadn’t noticed it was React.
Hi,
We will release the HTML version in the upcoming updates soon(2-3 weeks). We are preparing it for release and you will get it for free once it’s available.
Regards, Sean
I need default dark mode what should i do?
Hi,
Could you please reach our support via support@keenthemes.com and provide more info about your Metronic version and license info also as we can’t see your purchase badge here.
Regards, Sean
This is my another account that’s why you cant see purchase badge here.
ok no problem
just give me one answer Metronic theme any option to change theme customization change header, footer , body & card bg color ?
Hi,
Noted, can you reach our support via support@keenthemes.com and provide more info which Metronic version you are using(Metronic 8 Bootstrap or Metronic 9 Tailwind) ?
Regards, Sean
I want to purchase the .net Blazor version, but I’m wondering is it ready for production? and if there is enough documentation for how to use it? because I know JavaScript is not working good with Blazor SPA. thanks in advance
Hi
The Metronic Blazor implementation targets .NET 8.0, which is production-ready. It uses Blazor Server mode (Interactive Server Components). The codebase includes lifecycle management for JavaScript initialization and navigation handling.
The implementation handles JavaScript integration: Uses IJSRuntime for JavaScript interop calls Initializes Metronic JavaScript components in OnAfterRender lifecycle methods Handles navigation changes to reinitialize components when routes change
Official documentation: https://preview.keenthemes.com/blazor/metronic/docs/
In the Metronic theme using Tagify for multi-select inputs, I noticed that when I remove a tag, the dropdown remains visible and does not close when I click outside the input field. How can I ensure the dropdown hides properly on clicking outside while still allowing users to remove tags?
Hi,
Metronic uses Tagify – https://yaireo.github.io/tagify/ for its Tagify component, applying custom styling but not modifying its core behavior. You can refer to the original Tagify documentation for available APIs and settings to implement it according to your specific requirements.
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
