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

keenthemes supports this item

Supported

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

12192 comments found.

Hi, any news about jstree.bundle.js conflicts with select2.js?

Hi,

So far we haven’t found workaround for this issue as the issue is related to the plugins core code.

Regards, Sean

Hi, i’m using laravel version of metronic 8.2.3. It seems all js & css not included/copy to assets folder when compiled. It’s only copy image for jstree, how to included js & css like datatables ? thanks

i found the solution on support system. There is a problem with laravel mix function under windows OS and need a little tweak.

Hi dhelazt,

Glad to hear you found a solution. We’ll work on fixing the issue for Windows OS. If you encounter any more problems or have any other questions, feel free to ask.

Hi, i´m testing the blazor demo, but when a click in any menu item, the navigation for the clicked page doesn´t works, nothing happens. Am im doing something wrong? Or could be a bug?

Hi,

Thank you for reaching out to us.

Please note that our Metronic Blazor version is a Starterkit based on our HTML version, it contains a fully functional layout and a few pages for start (New Password, Reset Password, Sign In, Sign Up, Default Dashboard Page, 500 error page and 404 error page), the menu is added for demo purpose.

You can easily add any other pages by referring to our HTML version, all JS, and CSS code required for any page is already included in our Blazor Starterkit, all you need to do is just copy HTML markup and include JS file on your page (if it is required).

Let me know if you will need any further help on this.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hey devs!

Here’s the scoop: We’re dialing in the final touches on the fresh Metronic revamp, jazzed up with Tailwind and MUI.

Nailed 80% of the planned pages, packing them with over 18 custom JS plugins. ️

Stay tuned on our X for all the hot updates!

Just to clarify: 80% of Tailwind. MUI is up next.

Your Vue3 use Composition API or Options API ?

Hi,

Our Vue version uses Vue 3 and our component are fully based on Composition API.

You can find Metronic Vue preview page here.

Also, check out our documentation. https://preview.keenthemes.com/metronic8/vue/docs/index#/doc-overview

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Is Node Js version ready to deploy? does it contain a fully functional backend with database? If so with which technology is it build is it express or Nest Js? Can we use React Js with the node js version or not?

Hi,

Please note that our Metronic NodeJs Starterkit uses ExpressJS and it is based on our HTML version, it contains a fully functional layout and a few pages for start (New Password, Reset Password, Sign In, Sign Up, Default Dashboard Page, 500 error page and 404 error page).You can easily add any other pages by referring to our HTML version, all JS, and CSS code required for any page is already included in our Starterkit, all you need to do is just copy HTML markup and include JS file on your page (if it is required).

Let me know if you will need any further help on this.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

does it contain a database integration?

Hi :),

Our Metronic Laravel Starter Kit comes with a fully working CRUD examples that utilizes datatabase integration.

Stay up-to-date with the latest news, updates, and exclusive offers by following our Twitter: https://twitter.com/keenthemes

Additionally, you’re welcome to explore our support center at https://devs.keenthemes.com/ for product assistance and engaging community discussions.

Regards, Sean

Do you have plans to support Blazor Hybrid?

Hi,

No such plan at the moment. We will check it and consider.

Regards, Sean

Hey everyone!

Quick insights on our recent developments.

Design
We’ve been busy crafting the latest UI/UX enhancements for Metronic’s biggest update, and I’m thrilled to give a glimpse. We’ve got sleek mega menus, dropdowns, and modals on the way, all designed for enhanced product creation.

Dev
Completed 80% of pages planned for the initial Metronic Tailwind release with over 18 custom javascript plugins for Tailwind, such as Accordion, Menu, Dropdown, Modal, Tabs, Drawer, Scrollspy, etc.

Stay tuned! ;)

How do I download just what I need instead of 11gb?

Hi,

You can download what you need separately from our Google Drive link. Please email our support via support@keenthemes.com and we will provide you the link.

Regards, Sean

I’m trying to use the template in Nextjs, however, I get this error.

VM23456:1 Uncaught SyntaxError: Unexpected identifier ‘Object’ at loadScript (script.js:146:19) at eval (script.js:229:17)

I can’t find the place to adjust it.

It’s also not applying the css, even though everything is pointing to the correct folders within Layout.js.

It works correctly on other templates, but not on the complicated Metronic, for a change.

Hi,

Sorry for the late reply.

The error doesn’t seem to be related to our theme files, please make sure that you have migrated to NextJs correctly.

To have our theme styles you should include theme mandatory style files:

import './_metronic/assets/sass/style.react.scss'
import './_metronic/assets/sass/style.scss'

You can find the migration guide in official NextJs docs. https://nextjs.org/docs/app/building-your-application/upgrading/from-vite

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hello,

I’m using the Metronic demo 20 with the Logistics Dashboard, and I just realized that when I’m on mobile devices, the collapsed menu isn’t responsive and a sliding bar appears on the right to choose the menu the user wants, which looks aesthetically unpleasing and impractical. Is this a mistake or is it supposed to look like that? Attached is a photo:

https://i.ibb.co/gdWmsG1/question.png https://ibb.co/0K9mPkN

Thank you.

Hi,

This is expected behavoir and it looks better on actual mobile devices. Demo 20 has quite complex navigation menus so currently its the most user friendly solution we managed to apply for it.

If you need any further clarifications please reach our support via devs.keenthemes.com

Regards, Sean

Hello, how can I use react demo6 toolbar (fixed) in react demo1. Thanks for helping

Hi,

You can set Demo 1’s own toolbar fixed by adding data-kt-app-toolbar-fixed=”true” and data-kt-app-sidebar-push-toolbar=”true” attributes to the body element in your Demo 1 react app.

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

Regards, Sean

Hello, can you be more explicit? because I checked and values set already are true.

Hi,

In “src/_metronic/layout/core/_LayoutConfig.ts” set “toolbar->fixed->desktop” to true and retry.

Regards, Sean

Hello everything is fine? Do you have any tutorials or tips so I can use the HTML version of the theme in React + Remix?

Hi,

At the moment we can’t confirm if it works with Remix since we haven’t tested it before. Are you using the Metronic React base code or HTML base code ? Have you checked current Metronic React solution ? However If your project is urgent you can consider ready made Remix theme.

Regards, Sean

I think I’ll give up on Remix for now. The theme works well with React and other mature technologies, so I’ll use them. Thanks.

Hi :),

Noted, if we can help with anything else please reach our support via devs.keenthemes.com

Regards, Sean

Hi, I want to develop a subscription based pos system. Can I fully customize this product with single purchase?

Hi,

Yes, sure you can purchase single extended license and use it for your subscription based system and you can have unlimited paying users. Please note that the regular license can not be used for SaaS services, its only used for site accessed for free.

You can fully customize and theme for your application or per your user as well.

Regards, Sean

I wonder, is this only a backend/framework or are the ready like plugins/feature to get it running as an agency with client/client bidding, CRM, invoicing etc?

Hi,

Metronic is not a ready to use CRM or Bidding app. It’s an HTML template that can be used as UI for any web apps. Basically you will need further development according to your project requires.

Regards, Sean

Thank you. So it also has not install etc to get it running initially?

Hi,

It has starter kit solutions for following frameworks: https://keenthemes.com/metronic/docs

However it will require further development depending on project requirements.

Regards, Sean

Do you have any preview of the design of the new version of Metronic? I only saw a few prints. Do you have anything else to show us? Will you significantly change the layouts or just touch-ups?

Hi,

We will have advance forms, datatables, crud flows, authentication forms, modal flows. We will keep everyone posted on the upcoming features https://twitter.com/keenthemes

Regards, Sean

Hello, I’m thinking about purchasing another license. However, I would like to know if you think the new version will be released this month? Do you have a more specific perspective on the date?

Hi,

We are working hard and targeting to March or April. However the plans may change.

Regards, Sean

Will the tailwind be included with other versions such as the Laravel dashboard?

Hi,

We will provide a full backend integration for all popular frontend and backend frameworks, incuding Laravel and we will also include our in-house site generator tool that includes the tailwind views that can be reused with your prefered backend framework views.

Regards, Sean

hi! I want to know if react it used with typescript?? Thank

Hi :),

Thank you for your interest in Metronic!

Yes, our Metronic React version comes with Typescript.

If you need any further clarification please reach our support devs.keenthemes.com

Regards, Sean

Hi is there any redux code for latest react demos ? Thanks for your great templates and help. Any sample wilol help.. struggling with package.json and version to work with a combination of : react 18 + redux saga (all my old developed code is in redux saga, not rtk.)

Hi,

Thank you for reaching out to us.

Please note that Redux was removed from Metronic v8.0.38, instead of Redux we are using React-Query to handle server state. React-Query is used on Users Management page.

If you need Redux you can easily add it to the latest Metronic React version by referring to Redux official docs.

Please let us know if you have any further questions on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi, keen themes is really best out there. Honestly having this done with same quality takes years.

One qq..

I really liked https://preview.keenthemes.com/metronic8/react/demo5/dashboard

Do we have it in React 16, some of my work was totally in React 16. So finding it tough to update the above dem5 with my custom code (lot of redux, lot of old react 16 code).

If there is React 16 version of this demo, that will be really great. Otherwise, can you pls suggest how hphill task it will be to take the above react18 demo and migrate to react 16 ? I only care about UI (This supportforum demo i really liked :, simple and elegant), as long as UI is similar i am ok. I do not need querytools/or any react18 goodies.

Thanks and apprciate your help.

Hi,

We do not have a separate Metronic React version with React 16.

If you do not want to use any plugins present in our React theme but only HTML markup and styling then you can just import the mandatory style file ./_metronic/assets/sass/style.scss and then copy HTML markup from our HTML version.

Also, to use our typescript components you should include the global components initialization file. Refer to initialization in src/_metronic/layout/MasterInit.tsx.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

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