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,338 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12191 comments found.

I recently downloaded the latest version. But it doesn’t have Bootstrap version and all themes. Why?

Hi,

Please refer to the TXT file in the latest download package and find the google drive links to download v8 complete 10GB package.

Regards, Sean

supports angular 19?

Hi,

At the moment we have support for Angular 18. v19 support will be out soon.

Regards, Sean

Have any real example for api auth integration? For angular?

Hi,

Yes, please check out https://keenthemes.com/metronic/bootstrap and go to Angular tab to access the angular demos. Each demo has auth implementation: https://preview.keenthemes.com/metronic8/angular/demo1/auth/login

Regards, Sean

Is there any plan for Next.js + Prisma with CRUD?

Hi :),

Thanks for the heads-up!

We have recently released an open source Next.js + Prisma CRUDs at https://crudhunt.com Soon we will release Metronic Vite/Next.js demos for CrudHunt. All will be based on Tailwind 4, React 19.

Regards, Sean

wiating.. update html datepicker etc.

Hi,

Sorry for the late reply. At the moment we can’t confirm the ETA We will release it as soon as possible.

Regards, Sean

First of all thank you for the theme. I was using V7 and V8 for my app. Now since the v9 is out I wanted to start migrating to tailwind.css.

The question arises that how to implement the demos from this page: https://keenthemes.com/metronic/tailwind/docs?

There’s React and HTML but not Vue. Does that really mean one needs to fully convert everything from the downloaded dist/ folder for specific demo into Vue manually?

I see you have the mini CMS but I already bought the theme meaning these demos at least should be available in Vue as well?

Furthermore it doesn’t explain essentially anything how to start integrating the Demos from HTML, missing scripts and a lot more. I followed your exact tutorial and got the demo running but what now? The docs doesn’t say how to start with the components, dashboards and other pages in general. At this state the version 9 is broken in my honest opinion.

Thank you in advance!

Hi,

Apologies for the delayed response.

For guidance on using Vue with Metronic 9, I recommend referring to our Vue Integration Guide, which details how to incorporate HTML and JavaScript features into your Vue setup:

https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/vue

The Composer tool is designed specifically for the HTML version of Metronic 9, streamlining page management and reusable layout partials. However, for Vue-specific integration, you can explore our Starterkit app. It demonstrates the Demo1 integration within a fully functional Vue application:

https://github.com/keenthemes/metronic-tailwind-html-integration

If you need further assistance or have additional questions, feel free to reach out to our support team at https://devs.keenthemes.com

Best regards,

Sean, Regards,

Hello, Is Blazor WebAssembly compatible with .NET 8 Core? Is there a Demo Version? Is there a Landing Page?

Hi,

Sorry for the late reply.

Metronic has Blazor server integration guide: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/blazor-server

Regards, Sean

UORN

UORN Purchased

update

Hi :),

We are working on it. Expect it soon.

Regards, Seam

What’s next for React????? Still no update :/

Hi :),

We are preparing it. In a several week we will release Next.js/Vite demos for Tailwind 4, Next.ks 15 and React 19.

Regards, Sean

react 19 support pls

Hi :),

We are preparing it. In a several week we will release Next.js/Vite demos for Tailwind 4, Next.ks 15 and React 19.

Regards, Sean

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

inrd

inrd Purchased

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

atee

atee Purchased

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 !

PixelDots Author Team

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!

PixelDots Author Team

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

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