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

Hi which of the demo have real crud?

Hi,

Please check our live preview here. You can checkDatatable examples or advanced form examples.

For any further clarifications could you please provide more details for your request?

Regards, Sean

any diff between using tailwind and bootstrap? which is better? i will use vuejs

Hi,

We recommend the Tailwind version of Metronic as Tailwind is gaining popularity and becoming a defacto UI CSS framework.

Regards, Sean

Please can we have a detailed Video on how to set up the Tailwind Template with Laravel. is always good to have two option

Hi

Can you please send screenshot which css for was missing? If you use sample Laravel from our GitHub, you have to copy assets folder from Metronic zip downloaded from themeforest.

Thanks

Screenshot of the errors

https://ibb.co/8MrCsRV

Hi

You can remove the CSS file reference as it’s specific to the HTML version demo. In Laravel, styles are injected using Vite with the following directive:

@vite('resources/css/app.scss')

You can check out an example of the Laravel implementation here:

https://github.com/keenthemes/metronic-tailwind-html-integration/blob/main/metronic-tailwind-laravel/resources/views/layouts/base.blade.php

Thanks

the laravel pack includes login? i mean if i got my laravel installation plus a database with users, the login will works with this template?

Hi :),

Yes, we have a fully working Laravel app with authentication, database connection, and crud operations for Metronic 8 Bootstrap Demo 1: https://preview.keenthemes.com/starterkit/metronic/laravel/login

After purchase, you will get all the features including the Laravel app as well.

Regards, Sean,

And for vuejs too?

Hi,

Yes, you can check 8 Vue demo it authentication and crud modules: https://keenthemes.com/metronic/bootstrap

Refer to the “Vue” tab to view all Vue demos.

Regards, Sean

Is the NEXT JS version sold separately?

Hi :),

Thanks for the heads-up.

Next.js version for Metronic will be available soon. We are working on this.

Regards, Saen

when unlock closed pages in tailwind

Hi :),

Thanks for the heads-up. We are currently working on those features and we will release them asap.

Regards, Sean

Hello !

Thanks for your awesome project, its really useful for us.

Let me know if you plan to add toast notification support and some tailwind component ?

Thanks !

Hi :),

Thanks for the feedback.

Sure, for Metronic 9 Tailwind several new components will be released such as Datepicker, Advanced Select, Calendar, Toasts, Alerts, and more.

Regards, Sean

Hello, I want to load data as I type into the input in select2. Do you have an example for this?

Hi,

You can refer to https://select2.org/ official select2 documentation and implement it. Select2 has a built-in search feature that you can consider using for your requirements.

Regards, Sean

Can I use this theme’s regular version, in my personal codecanyon project as an backend admin portal ?

Hi,

No, this is not allowed since every single use of Metronic requires a separate license.

Regards, Sean

Hello, I made the purchase but I would like to know, is version 9 not available for html bootstrap?

Hi,

Metronic v9 is available for Tailwind only. You can switch from Bootstrap to Tailwind easily. If you need any further assistance, please reach our support via devs.keenthemes.com

Regards, Sean

Is there a snackbar or toast on react version as shared component that can be used to show a global message allover the app ?

Hi,

Sure, we have it. We use https://notistack.com/ as our global snack bar provider with a Metronic style. Working demo. Please log in and try to select rows in the DataGrid example in the bottom part of the page.

Please check the usage example: “src/pages/dashboards/demo1/light-sidebar/blocks/teams/Teams.tsx”

enqueueSnackbar('An error occurred while fetching data. Please try again later', {
        variant: 'solid',
        state: 'danger'
      });

The online Metronic 9 Tailwind React Docs are in progress and soon we will in-depth guide for all components and app structure.

Regards, Sean, Keenthemes Support

what about react bootstrap verision , as I use it ?

Hi,

It’s available for v9 Tailwind React only. You can refer to v9 code and reuse it for v8 as well. Very easy to integrate. If you need further help please reach our support via devs.keenthemes.com.

Regards, Sean

Hello, actions in Metronic themes do not work (data-kt-menu-trigger)

For example, on this page (https://preview.keenthemes.com/metronic8/demo1/apps/subscriptions/list.html#) actions do not work. When I first bought it, the theme I used was demo1 and there was no problem, I downloaded demo1 again but there is a problem. Can you help me ?

I changed,Can you still check from the same link?

This problem occurs when I load data with the dataTable property, if I add it manually with html it opens.

Hi

Can you try running KTMenu.init() after the DataTable draw event?

datatable.on('draw', function () {
    KTMenu.init(); // reinit KTMenu instances
});

Just like we did in the example DataTable here: /js/custom/apps/customers/list/list.js

okay, It’s fixed, thank you very much

I guess we have integrated the structure in the src folder?

I have bought the licence but I dont understart where to start. How to download angular code? Also, I can see this link of your website says that download Angular demo but asking for login. So which account to login there? I dont understand this please help here. https://devs.keenthemes.com/metronic

Hi,

Metronic 9 Tailwind is an HTML/JS theme and it does not have an Angular version. However, following this guide you can use HTML/JS features in your Angular app. Also, we have a Demo1 starter kit for Angular that you can refer to or use as a base for your app.

Regards, Sean

I can see in your zip file I can see this files https://prnt.sc/spsaVulslEJr

On opening download.html file it will open this link https://devs.keenthemes.com/metronic/angular

Which ask for login, so what I need to do here? Do I need to create new account on your website? If yes which email address? and how can I download Angular theme? In 8.2.7 version?

is that Angular dashboard is not available in latest version?

Hi,

You can create a new account with keenthemes.com and access our support forum via devs.keenthemes.com. Thus you can download those demos as well.

if you need to download the previous version you will need to refer to the README.md file in your themeforest zip and find the Google Drive link to download previous versions of Metronic from Google Drive.

Regards, Sean

How long can Metronic 9 be released in Vue version

Hi,

We currently offer a Metronic 9 integration guide for Vue, which you can check out here. All HTML/JS components in Metronic 9 are fully compatible with the Vue environment.

Best regards, Sean

I have Laravel Bootstrap Laravel-UI for auth tcg/voyager for admin panel installed Using node 17. I can’t use anything higher.

I do NOT want to use your starterkit or boilerplate or whatever. So your instructions to install metronic are NOT clear at all.

I need clear instructions on:

what files from metronic 8.2.x and where to put them in an already exsiting laravel install

I have not seen ANY instructions on how to integrate without using your own starterkit and do NOT want to do that.

Hi,

You can use the default HTML template with your Laravel app. Our Laravel starter kit is not mandatory to use Metronic with Laravel.

You can take HTML, include required JS/CSS assets, and use any features you need from Metronic’s default version in your Laralvel app.

You can refer to this video tutorial. In this video, you can just refer to how the HTML/JS can be used with server-side code.

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

Regards, Sean

hi i’m searching for software to create s site where i can have multi team, client can uploads watch status or process able to use api for other sites

Hi :),

Thank you for your interest in Metronic.

Sure, Metronic can be a perfect choice for your future apps’s design and frontend part. You can preview all Metronic features at http://keenthemes.com/metronic. You can use them all with a single purchase and use any feature you like for your application. However the backend part and business logic of your application is your responsibility. Metronic offers only design and HTML templates for an easy start.

Regards, Sean

Hi,

HELP. I can’t find the Angular or HTML in the version 9+. I saw it in version 8+ but I want to use the latest version.

Hi,

Metronic 9 is available only for HTML/JS. But it’s compatible with Angular. You can use the HTML/JS code in your Angular app by referring to Metronic 9 Integration Guide. Demo 1 Angular Starter kit for the main layout and dashboard page is available here: https://github.com/keenthemes/metronic-tailwind-html-integration For any further help please reach our support via: https://devs.keenthemes.com

Regards, Sean

when exactly launch html + tailwind version or react + tailwind and be complete ! some sections closed like ( User Management , Projects , eCommerce ) they texted with soon but still not open for now

Hi,

Thanks for the heads-up. We are currently working on it and we will do our best to release those pending pages ASAP.

The e-commerce and user-management for Metronic v9 will be a huge release with complete CRUD for both HTML and React versions.

If you purchase Metronic now you will get all future updates for free.

For any further info please reach us via devs.keenthemes.com

Regards, Sean

we wanna know exactly when will publish it !

Hi,

We can’t confirm the ETA at the moment. We will try by the end of 2024.

Regards, Sean

Hello. Any plans to upgrade Metronic Bootrsap version to latest Laravel version? Or any guide to integrate html version to Laravel 10 or 11?

Thank you !

Hi :),

Sorry for the late reply. Yes, we have just released Metronic v8.2.8 with the latest Larave 11. Learn more

Regards, Sean

Please add features in Angular, based on Changelog, it was left behind.

I’m new here.. where can I download the entire product?

Hi,

Thanks for your feedback.

Noted, we will consider it in a future update. Please download the latest Metronic package from themeforest.net/downloads and refer to the README.md file to download the complete Metronic 8 Bootstrap package with Angular demos.

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