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,374 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!

is demo 53 has rtl support? There are not any style.bundle.rtl.css file.

Hi,

The RTL styles are not included in the precompiled default assets. You will need to generate the RTL files as explained here: https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards. Sean

Hello, sorry for my comment, is this ready to sell my products or is it just a dashboard, or where can I get a script that helps me sell digital and physical products with its beautiful design, thank you.

Hi,

Thank you for your interest in Metronic.

Metronic is an HTML template that you can use as UI solution for your app. However you will need to implement your application’s database and business logic as per your requirements.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Thanks, Sean

I made a mistake and bought the same item twice, can you help me with the return of one?

Hi,

Thank you for choosing Metronic.

We have approved a refund request for your second purchase.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean.

Hello, will you upgrade to Angular 16?

Hi,

Sure, we will try to provide Angular 16 update in the next Metronic v8.1.9 if no major issue between Angular 16 and other core Angular plugins.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

Hi,

4 years ago you were asked about your support on WCAG AA accessibility, and you said it wasn’t a priority. Has this changed in the years since?

I’m keen to purchase this framework but it would be used to create a new SaaS product in the disability space, so it’s not going to cut it if our user base can’t use the app.

Would love to hear how accessible the framework is, because literally every other box is being checked. It’d be a shame that people with disabilities still aren’t considered important enough to benefit from literally every site or app created using this framework.

Hi,

Thank you for getting back to us. Appreciate your feedback.

Metronic v8 now uses Bootstrap 5 and you can check its accessibility support here https://getbootstrap.com/docs/5.3/getting-started/accessibility/

However, Metronic uses lots of 3rd-party plugins and components and not all of them are compatible with accessibility standards.

Unfortunately, we can not control the accessibility support of those popular 3rd-party plugins but we will consider adding this for our in-house components and the base layout in the near future.

Regards, Sean, Keenthemes

Hello, i m interested to buy a Metronic extended licence to creat a Saas app based on Django. Does the saas app demo inclued in Metronic pack optimised to running in django ? Because looks like only HTML app version provide a demo …

Hi,

Thank you for your interest in Metronic.

Our Django Stater Kit comes with Demo1 integration. The starter kit offers layout view, assets and auth/index pages integration. You can use any feature from the Demo1 HTML pages and implement it for your Django pages.

Upon your purchase of Metronic from https://1.envato.market/EA4JP you will get all the advertised features in https://keenthemes.com/metronic that you can download from https://devs.keenthemes.com/metronic by providing your purchase code from https://themeforest.net/.

Please note that a single license allows using Metronic for a single deployment and all subsequent usage requires a separate license.

If you need any further clarifications please let us know.

Have a great day!

Regards, Sean

Sorry, i did understand your comment about single licence. In my question i Said that i m about to buy Extended License (for $969) to creat a SaaS app. In this paticular case Can you please explain your words about singe licence ? Are you telling me that i have to buy a New extend licence for each my SaaS app user ?

Hi,

With the extended license, you will be able to have unlimited paying users, and each user can access the service via their own page, subdomain, or custom domains.

However, it’s important to note that all pages must be generated from the central code that uses Metronic with an extended license. The extended license does not expire for your project, and it’s a one-time payment only.

Please note that if you plan to create a SaaS project, you will need to purchase a new extended license.

We are proud to have served thousands of SaaS creators who have used Metronic with an extended license. Their feedback suggests that by investing $969 in Metronic, they have saved anywhere from tens of thousands to hundreds of thousands of dollars. This is a significant cost-saving when compared to hiring a designer and front-end developer for such a massive UI Design and Frontend Coding work.

If you require further clarification or have any questions, please don’t hesitate to let us know.

Thank you and have a great day!

Regards, Sean

Hi ,

I already buy the license, and i have download the file demo1 and demo 30 in node js in this link, https://devs.keenthemes.com/metronic/nodejs, but after i start my project in local, the template seem all page will redirect to same dashboard page.

Hi,

Please note that our Metronic NodeJS 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).

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 NodeJS 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

I’ve only come across one demo (demo1) in the HTML version. Where can I find the other demos?

Furthermore, I aim to generate static HTML pages for UI/UX purposes. Therefore, I am interested in finding the version created using Handlebars or any other alternative. Where can I locate these versions?

Hi,

Thanks for your interest in Metronic.

​In the download package from Themeforest, you will be able to see download.html files for frameworks and demos and upon clicking you should be redirected to our site to download the required framework and demos.

Due to popular requests, we understand that packaging 10 frameworks with 55 demos into a single 10GB download file can be quite daunting. Therefore, as an alternative download option, we’ve decided to split our demos into individual packages for your convenience. 

Simply sign up to our official developer portal https://devs.keenthemes.com/ and head over to the Metronic demo downloads page https://devs.keenthemes.com/metronic to pick your demo. You’ll need to enter your purchase code for us to validate your purchase from https://themeforest.net/downloads.

If you need any further help please let us know.

Have a great day!

Regards, Sean, Keenthemes Inc.

Hi,

At the moment we provide only a plain HTML version of Metronic. Handlebars or other alternative versions are not available.

You can check out Quick Setup guides and Your First Project video tutorial to great a quick prototype app with Metronic using the layout builder tool.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

we need RTL css & js assets in any update

Hi,

You can check out Quick Setup guides and Your First Project video tutorial to great a quick prototype app with Metronic using the layout builder tool.

Please note that the RTL version assets should be generated using RTL Setup docs.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

Code is horrible.. almost 2MB just for a CSS file.. need to clean up your code.

Hi,

Thank you for your feedback.

Metronic by default includes all available plugins for demo purposes. However you can remove unused plugins and recompile the bundle assets via gulp or webpack to optimize the bundle size.

We use the bundle method for the best performance and quicker page loading so it’s better to include all core plugins at once within a single bundle rather than loading each plugin separately within different HTTP requests. The bundle file is loaded once and all subsequences loads are taken from the user browser cache.

Also, you can enable server-side gzip for your page assets which will increase the page loading speed dramatically.

To reduce the bundle size and remove unused plugins please refer to this post.

You can check our devs support site’s Google Page Test Score that’s built with Metronic. The score is quite high as can be seen in the reports.

Regards. Sean

Hi Team, when can I expect the nextjs version of this template?

Hi,

We will release it as soon as possible with a new solid React core app foundation. At the moment we can not provide the ETA. If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

Could you please provide me with a rough estimate of the expected time frame? For instance, are we looking at around 3 or 6 months?

Hi,

Unfortunately It’s hard to confirm at this stage as it could go beyond 6 months.

Regards, Sean

Dear team why don’t you add tasks like todo , doing , done something like that that i can drag and drop easy

Hi,

Thanks for the suggestion. We are working on new apps and we will consider your suggestions as well.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

Hi keenthemes, when are you going to update the theme to angular version 16?

Hi,

Thanks for your feedback.

We will try to provide Angular v16 in the next update if all 3rd-party plugins will be compatible with v16.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

codes here no zip downloaded. crud part vue I couldn’t see the forms here. what version of metro is this.. https://preview.keenthemes.com/metronic/demo1/crud/forms/layouts/default-forms.html

Hi,

As stated in the docs and readme files you can download other demos and frameworks from Metronic Downloads by entering your purchase code from Themeforest downloads.

Please note that Vue version features are limited as shown Vue Demo 1.

Just in case Metronic Angular does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

Regards, Sean,

i think I asked the wrong question. What is the metronic version at this address? . https://preview.keenthemes.com/metronic/demo1/crud/forms/layouts/default-forms.html

Hi,

This is Metronic’s previouse version 7 and you can download it on request by contact us via devs.keenthemes.com and we will provide you the download link via private reply.

Regards, Sean.

when will svelte/sveltekit version available? when i search themeforest only 4 templates available.

Hi :),

Thank you for your interest in Metronic. We may consider releasing the Svelte version in the near future. At the moment we can’t give ETA for this.

To stay updated you can check our Devs Forum.

Regards, Sean.

Next update schedule

Hi,

It’s coming soon. Probably in a few weeks with Laravel Auth/User Management fully working modules, new demos, the latest Bootstrap 5.3.0 Alpha-3.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean, Keenthemes Support

hello, where can i download a history version?eg meronic 7

Hi,

Please contact our support via support@keenthemes.com or devs.keenthemes.com and provide your purchase code and we will send you the Metronic v.7.2.x direct link.

Regards, Sean

hello, i’ve sent a mail to support@keenthemes.com

Hi :),

We have just replied to your email.

Regards, Sean

Does this template support ASP.NET Core and Blazor with .NET 7?

Hi,

Sorry for the late reply.

Metronic is a primarely an HTML theme and it also comes with Asp.Net and Blazor Server starter kits with layout, assets and a few core pages integration. You can refer to the HTML version templates and copy paste the content part of any page and use it within the starter kit apps.

Our Blazor Server and Asp.Net-Core Starterkits use .NET 7.

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

Regards, SEAN

Hi,

why I cannot access your https://devs.keenthemes.com/metronic website. Can you help download the django metronic version.

Thanks

Hi,

Could you please retry it? As per our checking our server is up and everything is working fine. Most probably it was a temporary hosting issue. If the issue still persists could you please contact our support via support@keenthemes.com and provide your id address?

Regards, Sean

Ok Thanks!

this modal only selecting only one selection echo “

Actions <!-begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-> <svg width=’24’ height=’24’ viewBox=’0 0 24 24’ fill=’none’ xmlns=’http://www.w3.org/2000/svg’> <path d=’M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z’ fill=’currentColor’ /> </svg> <!-end::Svg Icon-> <!-begin::Menu-> <!-begin::Menu item-> Edit <!-end::Menu item-> <!-end::Menu-> ”; require “sample_include.php”;

Project’s

<button type=”button” class=”btn btn-sm btn-icon btn-active-color-primary h-40px w-40px me-n6” id=”kt_engage_demos_close”> <svg width=”24” height=”24” viewBox=”0 0 24 24” fill=”none” xmlns=”http://www.w3.org/2000/svg”> <rect opacity=”0.5” x=”6” y=”17.3137” width=”16” height=”2” rx=”1” transform=”rotate(-45 6 17.3137)” fill=”currentColor” /> <rect x=”7.41422” y=”6” width=”16” height=”2” rx=”1” transform=”rotate(45 7.41422 6)” fill=”currentColor” /> </svg> </button> <form class=”form” action=”” method=”post”> <?php $query =”SELECT * FROM projects where pro_id = $pro_id”; $confirm = mysqli_query($conn, $query); while ($row = mysqli_fetch_assoc($confirm)) { $pro_name =$row[‘pro_name’]; $pro_desc =$row[‘pro_desc’]; $pro_owner= $row[‘pro_owner’]; $pro_measurement =$row[‘pro_measurement’]; $pro_budget =$row[‘pro_budget’]; $pro_priority =$row[‘pro_priority’]; $pro_collaborate =$row[‘pro_collaborate’]; }

if (isset($_POST[‘submit’])) { $pro_name =$_POST[‘pro_name’]; $pro_desc =$_POST[‘pro_desc’]; $pro_owner= $_POST[‘pro_owner’]; $pro_measurement =$_POST[‘pro_measurement’]; $pro_budget =$_POST[‘pro_budget’]; $pro_priority =$_POST[‘pro_priority’]; $pro_collaborate =$_POST[‘pro_collaborate’]; $query =”UPDATE projects SET pro_name =’$pro_name’, pro_desc =’$pro_desc’, pro_owner =’$pro_owner’, pro_measurement =’$pro_measurement’, pro_budget =’$pro_budget’, pro_collaborate =’$pro_collaborate’ where pro_id = $pro_id”; $confirm = mysqli_query($conn, $query); } ?>

<label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Project Name </label> <input type=”text” class=”form-control form-control-solid” placeholder=”Project Name” name=”pro_name” value=”<?php echo $pro_name; ?>” /> <label class=”fs-6 fw-semibold mb-2”>Description</label> <textarea name=”pro_desc” class=”form-control form-control-solid” rows=”3” placeholder=”Description”></textarea> <label class=”required fs-6 fw-semibold mb-2”>Assign User</label> <select class=”form-select form-select-solid” data-control=”select2” data-hide-search=”true” data-placeholder=”Select User” name=”pro_owner”> <?php $query =”SELECT * FROM section”; $confirm = mysqli_query($conn, $query); while ($row = mysqli_fetch_assoc($confirm)) { $sec_id =$row[‘sec_id’]; $sec_name =$row[‘sec_name’]; echo ”<option value=’$sec_id’>$sec_name</option>”; } ?> </select> <label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Weight </label> <input type=”text” class=”form-control form-control-solid” placeholder=”Weight” name=”pro_measurement” /> <label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Budget </label> <input type=”text” class=”form-control form-control-solid” placeholder=”Budget” name=”pro_budget” /> <label class=”required fs-6 fw-semibold mb-2”>Priority</label> <select class=”form-select form-select-solid” data-control=”select2” data-hide-search=”true” data-placeholder=”Select User” name=”pro_priority”> <option>Hight</option> <option>Mediem</option> <option>Low</option> </select> <label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Collaboratores </label> <input class=”form-control form-control-solid” value=”” name=”pro_collaborate” id=”kt_tagify_7”/> <button type=”submit” class=”btn btn-primary” name=”submit”>Submit</button> </form>

Hi,

Sorry, we are not able to execute your code on our end.

Could you please contact our support via devs.keenthemes.com, singup there and post your question ? You can use gist.github.com to show us your source code. You can also provide a test link to your page in a private reply so we can check it online.

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