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

keenthemes supports this item

Supported

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

12202 comments found.

Most recent version of html theme will not build – following the quick start guide, creates these errors.. you might want to create a hotfix for this? reference: https://pastebin.com/c8wRCz3m

Hi,

Please check step number 7 from the doc. You have to modify some node in package.json. This is for webpack build.

https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/webpack.html

Thanks

Hi, Thanks for the update to v8. I have two questions. 1) Is there an easy way to disable jQuery on the V8 html theme, as Bootstrap5 was actually intended to work without? 2) The Vue demo1 looks pretty amputated at the moment – or am I missing something? If you look in the changelogs you can find quite a few demo pages for Vue, but as far as I can see, there is no navigation or no other way to acutally browse the vue demo? Compared to earlier v7 Vue theme, this one seems to be released in a state of being only half-done? Am I mistaking? :-) Otherwise v8 looks promising, and I am considering building the html version into a nuxt.js codebase to be more in control, but for that case I want to get rid of jQuery :-)

Hi :),

The HTML version mostly uses jquery plugins such as datatables.net, select2, etc so without jquery it has less features. Technically you can exclude all jquery related plugins and jquery itself from the gulp or webpack build config.

We will provide regular updates for all SPA versions and make them complete as v7. This requires some time as v7 is a mega theme and converting them to Bootstrap 5 requires some time. We are working on it. Most of the static CSS and pure Js features that you saw in the HTML version you can reuse in the Vue version for sure.

For any further clarifications please contact our support at suport@keenthemes.com

Regards, Sean

Where I grow,, from where I come, this is a SIN.

To sell in a place/space that you don’t own.

Specialy if it is the same category of product. If it was like cellphone or tv or service, it’s ok, but not if it is the same thing

Please delete your comment.

Thank you

Thanks for the concern. We already have reported that comment :)

Can I ask you why are you using Sass variables instead of CSS variables. Even Bootstrap team is starting to switch to that:

“We’re also beginning to make use of custom properties as local variables for various components. This way we can reduce our compiled CSS… CSS variables offer similar flexibility to Sass’s variables, but without the need for compilation before being served to the browser. “

Do you have intentions of following them for the custom components? This is an important question for us since it will allow us to avoid multiple recompilations when requiring multiple styles and realtime changes.

Hope to ear you on this matter.

Hi :),

Thanks for your suggestion. We will check this further and consider exposing the styling to the CSS variables scope. This is on our priority list already.

Regards, Sean

Hello everyone!

First of all, kudos for the outstanding work that you’ve done with the latest version. It’s simply amazing!

I have a question that has been around in my mind for a while: Have you ever though about include email templates as part of the product? I think it would be something very useful.

Hi, when will Metronic Theme 8 Demo 1 React be ready? Is there an exact date?

Hi :),

We are close to the release. It should be out soon.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi keenthemes,

Calendar looks very basic theme. Could you add colors for the Calendar items like in the Metronic7, even a description popup on hover would be great ?

Amazing for the modal description calendar item and the add modal once click in cell (Metronic7 hasn’t that).

thank you.

Cool,

Drop me a line if you need anything relatd to Metronic8 Django, like if you want to test your django solution or any suggestions, tips ;), I can help.

NB : There’s alot solution out there in the wild that you can rely on, but most of them are not using the best practices and proper design pattern. My advise Sean is to develop your own django solution and go from there reshape it/perfectionate it as you go.

Thank you sean

Hi :),

Thanks for the suggestion. We will let you know once we have something up for Django.

Regards, Sean

Ok

Hi.. Just wanted to know..

We are planning to migrate a cakephp project to laravel but we have used Demo2 html so far and wanted to know if you have an ETA on Metronic 8 – Demo2 Laravel Version ?

Unless if theres an alternate method to convert the M8 demo1 version to Demo 2 laravel version then please let us know.

BTW .. great work on the theme .. we have been using your theme for a while now.. and find it the best one to use by far. keep it up.

Thanks

Hi,

We will include more demos for laravel version in the future. At the moment, we have ETA for the demo2 yet.

You can also use our layout builder to export the partial files required for demo2.

https://preview.keenthemes.com/metronic8/demo2/layout-builder.html

Thanks

OK. Thank you for letting us know. Much appreciated.

Hi team,

As usual, htnaks for the awesome template. I am trying to figure out how use metronic with Resource Controller integrated into Laravel.

Thanks in advance for your help. Ben

Hi Ben,

You can create your own pages and controller like a normal Laravel, using php artisan command to create a controller.

You can check config/demo1/pages.php and menu.php for the example pages.

app/Http/Controllers/PagesController.php read the pages config to register the routes.

Thanks

Is it possible to decouple Bootstrap from Metronic so that Bootstrap could be loaded separately from a cdn? What changes would that require? Can we remove all Bootstrap imports in components.scss and compile Metronic files?

Hi :),

Thanks for your interest in our theme – Metronic.

We fully customize the Bootstrap CSS through SASS within our build tools so if you exclude it and include it from CDN you will lose all the custom style that Metronic’s bootstrap version has. However you can customize Metronic’s main sass import file and remove components customization sass you don’t need.

Noted on the sass errors and we will fix it in the next update.

For any further clarifications please contact our support via support@keenthemes.com

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi thanks for the quick reply!

Yes I understand that. meanwhile found a couple more issues:

There’s a reference to Fontawesome Free but the files are not present.

Reference “webpack://keenthemes/./node_modules/@fortawesome/fontawesome-free/css/all.min.css” in plugins.bundle.css.map.

I know it’s a simple download but until I figured it out, some styling wasn’t working as expected after compiling scss files because of this issue. At least, documentation should warn to get Fontawesome Free files.

In Demo examples, Activities box replicates the Bootstrap 4 Timeline examples but classes have changed and your’re not using Timeline plugin anymore. Any intentions of making it available again for BS 5? Also, you are using the same css selector for different things. It’s confusing.

.timeline-label .timeline-label { width: 50px; flex-shrink: 0; position: relative; color: #3F4254; }

Hi :),

In v5 “timeline-label” and “timeline” are 2 custom components and they have custom sass code.

Noted on the fontawesome icon integration for the webpack version. We will double-check it.

If you need any further clarification please let us know.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Can you provide Figma file? I couldn’t find it in the download file.

Hi :),

Thanks for your interest in Metronic.

The Figma file is available for Metronic v7 and for v8 we will release it soon. We are working on a new Figma file with a complete design system and component-based approach. You will get it for free once it’s released soon.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Can you provide the one for v7 for now? Do you have any estimated timeline for v8?

V7 figma youbcannfind in the download zip folder. Eta for v8 is not available, we are working on it and it will be releaaed asap.

Great to hear those new updates, specially FullCallendar :)

Any speed up on :

1 – Demo6

2 – Datatables.net Ajax support

Thank you Keenthemes.

Hi :),

Sure, we will try to release these within the next week.

Regards, Sean

Thank you sean.

You are welcome )

Hey :),

All of Metronic’s tips, tricks and how-to’s to get you rolling with your project: https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean


Hey :)

We have been working on some amazing stuff and shortly we will be releasing:

1. HTML Demo 4:
– Horizontal Menu.
– Aside Dropdown Menu.
– Aside Accordion Menu.
– Custom Toolbar.
– Integrated Landing.
– Chart Widgets.
– Layout Builder.

2. HTML Documentation:
– New Layout.
– Navigation Improvements.
– Content Improvements.

3. HTML Calendar App:
- Calendar Day, Week & Month Views.
- View Event Modal.
- Add Event Modal.
- Edit Event Modal.
- Remove Event.
- Dashboard Widget

4. Laravel:
– New documentation layout.
- Webpack Mix Improvements.
– Page Configuration Improvements.

5. Vue:
– Activity Page.
– Chat Drawer Improvements.


Next Up:

1. Laravel:
– CRUD Solution.
– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.

2. More:
– Demo 6 HTML.
– Demo 7 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.

Stay tuned on endless updates to empower your projects.

All updates are free, always!

Regards, Sean

Hello, can you please pass information about Vue 3 release? Which themes will have this version first?

Best Regards

Hi :),

Thanks for your interest in Metronic.

Currently Vue 3 version is available for Demo 1 and for other demos we will release it soon.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi,

How can I use this feature, which I used in Version 7, in Version 8.

Code =>

KTApp.blockPage({ overlayColor: “red”, opacity: 0.1, type: “loader”, state: “primary”, message: “Processing…” });

Hi :),

Thanks for your interest in Metronic v8!

We will release BlockUI integration for Metronic v8 soon. It’s in our todo list. If you need any other features from v7 you may email us via support@keenthemes.com and we will plan it for upcoming updates if they can be compatible with Bootstrap 5.

Regards, Sean

There are no email template pages

Hi :),

Yes, the email templates were missing in the recent updates. We will include the email templates in today’s update shortly.

Regards, Sean

HI,

How to do Laravel + Vue integrations for Metronic 8?

Hi,

Sorry but at the moment we do not have such tutorial, we will add it in upcoming releases, you can check out Metronic 7 Laravel + Vue integration doc to begin, but since Metronic 8 uses typescript, you will need to enable it, you can check this tutorial to enable typescript in Laravel+Vue project.

Regards,
Lauris

Is there a guide / example for implementing Firebase authentication with React Metronic?

Stam88 Author Team

Hi oliersej,

We don’t have Firebase authentication integration guide.

Regards, Keenthemes support

Hi, Do you plan to release the demo 7 and 13 Angular version of metronic 7 this month? do you have a date? Thank you

Hi :),

Thanks for your interest in Metronic.

To stay up to date with with React v17 and Bootstrap 5 we will be release Metronic v8 React demos as soon as possible. For v7 you can refer to existing demos implement demo 7 or demo 17 as per your requirements. If possible please wait for v8 new demos with react v17 as v8 is recommended for long run.

Regards, Sean

Hi, I usually use wix, shopify or wordpress to build a hotel website. Can I build a hotel website (frontend and backend) by using this? Sorry for my silly question. I really want to start a new journey without wix and shopify.

Hi :),

Thank you for your interest

Yes, you can use Metronic to build your Hotel website. But Metronic requires development skills and custom coding according to your requirements.

if you need any further clarifications please let us know.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

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