Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,718 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12202 comments found.

Could you provide an example of using the DataTables module in Vue? The documentation lacks a shown example.

Hi,

Sorry for the late reply.

Could you please reach our support via devs.keenthemes.com and provide more info for your Metronic versiion ? Are you using Metronic 9 Tailwind or Metronic 8 Bootstrap ?

Please note that When you purchase a license, you receive 6 months of free support, as detailed in our support policy here: https://keenthemes.com/support. After 6 months, an active support subscription is required for continued assistance. To extend your support, please follow this link: https://1.envato.market/EA4JP

Regards, Sean

I see you currently support Angular 13.x.x, however what are your plans to support more current releases? We are looking to get a major application project started and don’t want to start with an older release of Angular.

Hi,

Sorry for the late reply.

Our Metronic 9 Tailwind version has Angular 17 integration guide: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/angular Here is the starterkit app for Demo 1: https://github.com/keenthemes/metronic-tailwind-html-integration

Regards, Sean

do you have angular Standalone components project

Hi,

Thanks for the heads-up.

Our Angular components are provided as part of the Metronic theme and by default they are not available as standalone components.

Regards, Sean

Hi Team, when are we releasing the update with the support to Tailwind 4, my project is stuck due to this, need your help in knowing the ETA, exact timelines will help!

Hi,

We are actively working on the Tailwind CSS 4 migration for Metronic 9, and it’s progressing well. Due to the extensive scope of Metronic 9, the transition requires time to ensure full compatibility and a seamless experience. While we can’t confirm an exact release date yet, rest assured that it’s a top priority.

If you’re using React, Next.js with Tailwind 4, we have some exciting news coming your way this week! Stay tuned for updates via https://x.com/keenthemes.

Best regards, Sean

Hola buen día, el tema trae alguna libreria para exportar contenido con imagenes y estilos a PDF.

Hi,

Metronic is a frontend HTML template designed for UI components and layout development. It does not include PDR processing functionality. Instead, Metronic focuses on providing high-quality UI components, templates, and backend starter kits to accelerate frontend development.

Best regards, Sean

Does the bazor version support .net 9 ?

Hi,

Currently, we offer support for .NET 8. For Metronic v9, we are considering its release and will provide updates as soon as possible.

Best regards, Sean

How to Use KTDataTable in Metronic 9 (Tailwind/React)?

Hi Metronic Support Team,

I am currently using Metronic 9 with Tailwind CSS and React, and I would like to implement KTDataTable in my project.

Could you please provide a guide or example on how to properly initialize and use KTDataTable in Metronic 9 (Tailwind/React)? Specifically, I would like to know:

How to set up and import KTDataTable in a React component? What are the required dependencies for using KTDataTable? Are there any specific Tailwind classes or configurations needed for it to work correctly? If there is an official documentation or example code, could you please share it? I appreciate your help. Looking forward to your response.

Best regards, Atee

Hi,

Metronic v9 React hs it’s own data-grid components that you can check in https://keenthemes.com/metronic/tailwind/react/demo1 live demo.

Refer to “vite/src/pages/dashboards/demo1/light-sidebar/blocks/teams/TeamUsers.tsx” for the data-grid implementation with server side data.

In coming weeks we will release a crud toolkit solution for react and next.js. There are will be lots of crud components with working server side demos.

Follow us via keenthemes.com for this big news.

Regards, Sean

npm run build in metronic-tailwind-react throws error: vite v5.4.11 building for production… ✓ 277 modules transformed. x Build failed in 4.39s error during build: Could not resolve ”./allowed-ip-addresses/AccountAllowedIPAddressesPage”

Found the issue. Windows didn’t unzip the archive correctly. A few files got corrupted due to length of file name it appears. Used 7zip instead. All good now! Thanks

Any examples of this theme integrated with backend crud code connected to MySQL or mongodb etc….MERN?

Please stay tuned on https://x.com/keenthemes Within the next week we will ship something new for the CRUDs :)

Tailwind version is changed for new update?

Hi,

We are currently preparing a next big update for Metronic Tailwind and we will release it asap. Stay tuned for the update news via http://x.com/keenthemes.com

Regards, Sean

Hello. There is a possibiility to integrate V8 theme with Vite instead of webpack? All new installs are proivded with Vite.

Thank you !

Hi,

The easiest approach is to use the pre‑compiled CSS/JS bundles directly in your Laravel project. This way, you can focus on Laravel without modifying the Metronic styles.

Here’s what you can do:

1 Copy the Assets: From the Metronic zip (for example, in demo1), copy the entire compiled assets folder (e.g. demo1/assets) into your Laravel project’s public folder.

2 Include the CSS in Your Blade File: In your main Blade layout (e.g. resources/views/layouts/app.blade.php), add the following lines inside the <head> section:

<link href="{{ asset('assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
- Include the JavaScript Before the Closing Body Tag: Before the closing tag, add:
<script src="{{ asset('assets/plugins/global/plugins.bundle.js') }}"></script>
<script data-navigate-once src="{{ asset('assets/js/scripts.bundle.js') }}"></script>

3 Integrate the HTML: Either copy the content of the Metronic index.html file into your Blade file, or download the partials from the Metronic Layout Builder and adjust as needed for your demo.

This method bypasses the need to reconfigure Laravel Mix (webpack) and lets you use the full compiled assets from Metronic directly in your Laravel application.

Hope this helps! Let me know if you have any further questions.

Not so useful this approach, but i have succesfully finished integrating the correct way with Laravel 11. It’s not so different than your current Laravel 10 starter kit. I just wanted to use my way to create views and also authentication module.

Thank you!

Hi

Glad you found your solution. May I know how do you do it? Let us know if you need help.

Thanks

Is it possibe to keep same size of all buttons on a page, regardless of caption text?

Hi,

Yes, you can set fixed width to all buttons. Please reach our support via devs.keenthemes.com and provide your version info to get further assistance.

Just a friendly reminder that when you purchase a license, you receive 6 months of free support, as outlined in our support policy: https://keenthemes.com/support.

After the initial 6 months, an active support subscription is required to continue receiving assistance. If you need any help renewing your support, feel free to reach out.

Regards, Sean

Hello, is there a roadmap plan for 2025? How long will v8 version support last? Will there be new features for v8? Will there be only bug fixes? v9 version is very nice but there are many parts that need to be developed, building a project on v9 seems a bit challenging

Hi,

We are actively working on enhancing Metronic v9 Tailwind to bring it to the same level of completeness as v8. Rest assured, we will continue providing updates and bug fixes for v8 to ensure ongoing support.

For v9, we are excited to announce that we are working on a significant update, which we anticipate releasing by February/March as soon as it’s ready.

Thank you for your continued support!

Best regards, Sean

Hi,

Thanks for reaching out!

We are currently finalizing our roadmap for 2025, and we’ll be sharing updates soon.

We will continue supporting Metronic v8 with bug fixes and security updates for an extended period. However, new feature development will primarily focus on Metronic v9.

We understand that v9 is still evolving, and we are actively enhancing it. Our goal is to provide a more robust and flexible experience, with improvements planned for various components and workflows.

If you have specific feedback on areas that need improvement in v9, we’d love to hear your thoughts! Let us know what challenges you’re facing, and we’ll do our best to address them in upcoming updates.

Regards, Sean

How i use POS Dashboard on version 7.0.8 ?

Hi,

Could you please reach our support via devs.keenthemes.com and provide more details ?

Regards, Sean

I’m experiencing issues with certain Metronic features when using the template with Inertia.js. Specifically:

Dropdowns are unresponsive. Collapsible sections (Collapse) don’t expand or collapse. JS Charts fail to render properly. These problems only occur when integrating Metronic with Inertia.js. Could you advise on resolving this or confirm if additional configuration is required?

Hi,

Could you please reach our support via devs.keenthemes.com and provide more details on your Metronic version ? Are you using v9 Tailwind or v8 Bootstrap ?

Regards, Sean

im using metronic v8 bootstrap

Hi,

For v8 SPA integration you will need to initialize the core components using KTComponents.init() method by referring to https://preview.keenthemes.com/html/metronic/docs/getting-started/customization/javascript

Regards, Sean

Still waiting for Angular update.. :/ its been awhile..

Hi,

Thank you for the heads-up.

Currently we have Angular integration guide for Metronic 9 Tailwind: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/angular And also a starterkit app for demo1: https://github.com/keenthemes/metronic-tailwind-html-integration

Regards, Sean

Can I use my setup and only use the theme, styling and components from this package? Like I have my own react app but only to bring the parts that I need from this library.

Hi,

You can use the components by setting up the minimal required dependencies. You must set up the Tailwind variables in your tailwind config if you are using v9 React components.

Regards, Sean. Keenthemes Support

Hello! Are design mocks available for this for purchase? Ideally in adobe XD?

Hi :),

Sorry for the late reply.

We support Figma. Upon purchase in the download package, you can find instructions to download the v8 and v9 Figma design files. You can download them using a Google Drive link provided in the TXT file.

Regards, Sean

Hi team, please complete the figma design for login / register ..

Hi :),

Sorry for the late reply.

Sure, in the download package, you can find instructions to download v8 and v9 Figma design files. You can download them using a google drive link provided in the TXT file.

Regards, Sean

Do you have an image lightbox component?

Hi :),

Sorry for the late reply. Sure, you can check https://preview.keenthemes.com/html/metronic/docs/general/fslightbox for lightbox use

Regards, Sean

That’s great. Thanks

Hi When can we expect the next update? We are at a point where we are considering buying tailwind access directly as the updates on the components on the Tailwind have been rather slow. I really like your template but updates on the components side needs speedier release

Hi,

We are currently working on the next big update for Metronic 9 Tailwind and during February we plan to push Datepicker, Select, Toast, eCommerce UI, and more.

Regards, Sean

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey