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,342 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.

Hey. We had built our project in metronic 7. Recently we wanted to refer back to some of the other elements available in metronic, and when I downloaded the file, it only had metronic 8 and metronic 9 versions. Will you be able to share a link to metronic 7?

Hi,

You can download all Metronic v7, v8 versions using the Google Drive link provided in the themeforest download package’s README.md file.

Please refer to Metronic v7.2.x folder in the Google Drive folder to use the latest Metronic 7.

For any further help please reach our support via devs.keenthemes.com or support@keenthemes.com

Regards, Sean

Hi, i have purchased the metronic yesterday, and integrating it with the nextjs using the starter template : metronic-tailwind-next from github.

Although it works fine when running it using npm run dev. but when i try to run the npm run build then its producing following error:

$ npm run build > metronic-tailwind-next@0.1.0 build > next build ▲ Next.js 14.2.4 Linting and checking validity of types ...Failed to compile. ./src/metronic/app/datatables/allowed-ip-addresses.ts:50:4 Type error: Type '(item: string, data: IPAddressData, context: KTDataTableInterface) => string' is not assignable to type '(item: string | number | boolean | object, data: KTDataTableDataInterface, context: KTDataTableInterface) => string'. Types of parameters 'item' and 'item' are incompatible. Type 'string | number | boolean | object' is not assignable to type 'string'. Type 'number' is not assignable to type 'string'. 48 | columns: { 49 | select: { > 50 | render: ( | ^ 51 | item: string, 52 | data: IPAddressData, 53 | context: KTDataTableInterface

Hi,

There is some issue with the demo datatable file /src/app/datatables/allowed-ip-addresses.ts

Please try to change at line 51 from this

item: string

to this

item: keyof KTDataTableDataInterface

Thank you

Hello, I will use the 8.2 React version with Laravel for the backend, I saw that there is a Laravel folder under the vendor folder and I saw that all the necessary things were there.. Ians there anywhere I can find information or guidance about any backend installation?

Hi,

Unfortunately, we don’t currently offer guides for integrating React with Laravel. However, our React application uses an API built with Laravel, which you can find in this repository. You might consider using our React app as a standalone application with a Laravel-based API.

Additionally, you can refer to this post on Laravel and Vue integration. Many of the steps should be similar for React as well.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Thank you very much, you helped me a lot…

Not sure if there is something broken, but following the directions does not work. Please test @keenthemes

https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/react https://github.com/keenthemes/metronic-tailwind-html-integration

Hi,

The code was fully tested and worked for many users. Have you used the starter kit app with the latest Metronic v9.0.3 source ? If yes, what issues have you encountered ? Could you please provide more details ?

Regards, Sean

Hello. I was interested in this product mainly because it said there’s support for dotnet. I have paid for it, but it seems it is only for angular. Any assistance?

Hi,

Metronic 8 Bootstrap has a separate Asp.Net Core starter kit and you can download it from google drive link provided in the download package zip. Please refer to the README file to get the download link.

The Asp.Net Core starter kit documentation you can find here.

For any further assistance please reach our support via devs.keenthemes.com

Regards, Sean

Thank you, I could get there and download it. It seems however that it only contains a few pages, any insights on that?

Hi,

The Asp.net Core starter kit provides the layout and assets integration. You can create your pages and use required features from the HTML templates. For any further clarifications please reach our support via devs.keenthemes.com

Regards, Sean

Hi, I am interested in Metronic to use with asp.net core. I will use the html version. I think I will not have to deal with Tailwind (Nodejs, rebuild etc) unless I will be doing any editing in css. Is that right?

Hi :),

Thank you for your interest in Metornic!

Working with Tailwind requires NPM tools. You can use recompiled CSS files as well but when you customize the theme or use any new Tailwind classes you will need to recompile the CSS files with build tools.

Our detailed guide https://keenthemes.com/metronic/tailwind/docs/getting-started/installation can help to get started with the Tailwind build tools within 5 minutes. It’s quite easy and everyone can use it.

Regards, Sean


Sizzling new Metronic layouts are almost ready – stay tuned for the big reveal! :)

hello how can i download Metronic 9?

Hi,

You can go to your downloads page https://themeforest.net/downloads and download the latest Metronic package and refer to “metronic9” folder for the Tailwind version.

Regards, Sean

I want the link that has tailwind, I didn’t find it in the demo

Hi,

Please refer to Metronic Preview to preview Tailwind features and components.

The Tailwind docs you can preview here.

Regards, Sean

Hello, it seems your mailing system of devs.keenthemes.com is down. After signing up the system doesn’t sent me the activation link. Also the reset password function doesn’t sent an email. Since support is also on that website, I had no other choice then to post here.

Through Google signup it works, but the email that I tried with is not the one that bought the license.

Hi,

Thanks for the heads-up. We have fixed the outgoing mailing issue.

Regards, Sean

What happened Github access?

Hi,

Thank you for the heads up.

We are moving the Metronic private repo to another GitHub account due to a charge for each contributor for accessing private repos in the organization account.

Please send us your GitHub username via support@keenthemes.com and we will grant you new access.

Regards, Sean

Does this themes supports different colors?

Hi :),

Yes, You can fully customize theme base colors: primary, success, info, danger, warning for dark and light modes separately.

if you need any further clarifications please let us know.

Regards, Sean

metronic 8.2.6, version Vue, after yarn dev, go to web, after running loading, the page is blank

Thanks for your help and support! I don’t change the Metronic’s codebase. For the React version, I run it normally. However, with the Vue version, I encounter the same error with demo 7 and 8, where the screen freezes and turns white after loading is complete. I have downloaded the latest version from the link: https://devs.keenthemes.com/metronic. The Node.js version I am using is 18.20.2, and both the build and run processes are error-free

Hi,

After additional testing, we were unable to reproduce the issue.

Are you experiencing this problem in all Metronic demos or only in demo7 and demo8?

As a possible workaround, try clearing your local storage and then do hard refresh of your page. If that doesn’t help, inspect your HTML code to ensure the content was mounted correctly into div with id=”root”.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi Author,

Do we also have demo 38 and demo 51 in the react version?

Hi,

Thank you for your interest in Metronic.

At the moment we do not have Demo 38 and Demo 51 for React version.

Regards, Sean

I just wanted to access the Tailwind documentation but I get a Internal Server Error: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/react

Perfect. It worked :) You may want to correct here the links: https://keenthemes.com/metronic/docs

Hi :),

Sure, we have fixed it as well. Thanks

Regards, Sean

Is Metronic 8 end of life and will not receive any further updates? I’m asking because you have switched to Tailwind CSS.

Hi,

Thanks for the heads-up.

Now Metronic support the world’s 2 most popular frameworks. We will continue supporting the Bootstrap version for sure. At the moment there are huge gap between Bootstrap and Tailwind version features so we are focusing on the Tailwind version to make it more complete.

Regards, Sean

Understood, and thank you for clarifying.

Dos the tailwind or the bootstrap verion supoorts PWA ?

Hi,

Thank you for the heads-up.

Metronic is not support Tailwind but it is not compatible with PWA.

Regards, Sean

Hey everyone!

Hope you’re enjoying Metronic Tailwind so far! Since Metronic Tailwind, with its enormous features and possibilities, became a huge success and is loved by many, we’re drilling into the next phase – creating new, visually stunning demos and many more exciting goodies.

Stay tuned!

Hi there, do you have any updates on when Nuxt with Tailwind Css will be ready? Also, the documentation related to version 9 shows error on your site.

Hi,

Please refer to the Metronic 9 docs here: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/react As per our checking the Metronic 9 docs pages load as expected: https://keenthemes.com/metronic/tailwind/docs

The Nuxt integration will be the next, we have just added Next.js and we are working on the next guides.

Regards, Sean

Is Tailwinds fully ready?

Hi,

Yes, we have released Metronic 9 Tailwind a few weeks ago: https://keenthemes.com/metronic/tailwind https://keenthemes.com/metronic/tailwind/docs

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