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

keenthemes supports this item

Supported

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

12201 comments found.

hello! can i download bootstrap 4.X version?

Hi,

Please create a private ticket and provide your purchase key at devs.keenthemes.com

Regards, Sean


Hey :),

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

1 Django Starterkit:
– Complete Starterkit
- Demo 1 Support
– Layout Integration
– Auth Pages
– System Pages
– Theme API
– Assets Management
– Dark Mode
– RTL Support

2 Flask Starterkit:
– Complete Starterkit
- Demo 1 Support
– Layout Integration
– Auth Pages
– System Pages
– Theme API
– Assets Management
– Dark Mode
– RTL Support

3 Asp.Net Core 6 Starterkit:
– Complete Starterkit
- Demo 1 Support
– Layout Integration
– Auth Pages
– System Pages
– Theme API
– Assets Management
– Dark Mode
– RTL Support

4 Blazor Starterkit:
– Complete Starterkit
- Demo 1 Support
– Layout Integration
– Auth Pages
– System Pages
– Theme API
– Assets Management
– Dark Mode
– RTL Support

5 HTML Version:
- Bootstrap v5.2.0 Update
– Dark Mode Improvements
– Dark Mode Switcher
– Design Improvements
– 4 Mega Menu Options
– Call Center Dashboard
– POS System Dashboard
- Image Radio Buttons
- Pagination with Icons

6 HTML Demo 1 Layouts:
- Default Dashboard
- Dark Sidebar Layout
- Light Sidebar
- Dark Header
- Light Header
- Theme Customizer
- New Layout Builder

7 HTML Auth Pages:
- Corporate Layout
- Overlay Layout
- Creative Layout
- Fancy Layout
- Multi-steps Sign-up
- Welcome Page
- Verify Email
- Coming Soon
- Password Confirmation
- Account Deactivation
- 404 Error
- 500 Error

8 React Version:
- React v18.0 Update
- Bootstrap v5.2.0 Update
- React Demo 6
- React Demo 7
- React Demo 8
- Dark Mode Switcher
- Dark Mode Improvements
- Splash Screen Improvements
- Docs Improvements

9 Vue Version:
- Bootstrap v5.2.0 Update
- Dark Mode Switcher
- Dark Mode Improvements
– KTDatatable Refactoring
– Docs Improvements

10 Angular Version:
- Bootstrap v5.2.0 Update
- Angular v14 Update
- Angular Demo 5
- Angular Demo 7
- Dark Mode Switcher
- Dark Mode Improvements
- Modals Support
- Splash Screen Improvements
- Docs Improvements
– Packages Update

11 Laravel Version:
- Bootstrap v5.2.0 Update
– Dark Mode Optimization
– Datatables Improvements
– LogReader Improvements
– Packages Update
– Docs Improvements

Next Up:
– Ruby on Rails Starterkit
– Express Starterkit
– Spring Starterkit
– Fiber Starterkit
– Codeigniter Starterkit
– Symfony Starterkit
– Play Starterkit
– Demo 9 Vue
– Demo 10 Vue
– Demo 9 React
– Demo 10 React
– Demo 9 Angular
– Demo 10 Angular
– React CRUD Improvements
– Angular CRUD Solution
– React User Improvements App
– Angular User Management App

Stay tuned for endless updates to empower your projects.

All updates are free, always!

Regards, Sean

Dear Community,

As the ThemeForest comments section is meant only for pre-sale questions and allows limited room for our support, we kindly invite you to collaborate with Metronic developers from everywhere on Devs Forum.

Click Here to Get Metronic Support

Best regards, Sean

Another waiting week failed. :(

Hi,

Its finally arriving once approved.

Regards, Sean

Hi, i use laravel version, and where i try npm run production, i see this error

> npm run production

npm WARN config cache-min This option has been deprecated in favor of `—prefer-offline`. npm WARN config cache-max This option has been deprecated in favor of `—prefer-online` npm WARN config tmp This setting is no longer used. npm stores temporary files in a special npm WARN config location in the cache, and they are managed by npm WARN config [`cacache`](http://npm.im/cacache). npm WARN config sso-type The—auth-type method of SSO/SAML/OAuth will be removed in a future npm WARN config version of npm in favor of web-based login. npm WARN config sso-poll-frequency The—auth-type method of SSO/SAML/OAuth will be removed in a future npm WARN config version of npm in favor of web-based login. npm WARN config auth-type The SSO/SAML/OAuth methods are deprecated and will be removed in npm WARN config a future version of npm in favor of web-based login. npm WARN config shrinkwrap Use the—package-lock setting instead. npm WARN config optional Use `—omit=optional` to exclude optional dependencies, or npm WARN config `—include=optional` to include them. npm WARN config npm WARN config Default value does install optional deps unless otherwise omitted.

> production > mix—production

[webpack-cli] Error: Cannot find module ‘del’latten Completed in 3ms Require stack: - /home/hamad/Projects/money-manager/webpack.mix.js - /home/hamad/Projects/money-manager/node_modules/laravel-mix/setup/webpack.config.js - /home/hamad/Projects/money-manager/node_modules/webpack-cli/lib/webpack-cli.js - /home/hamad/Projects/money-manager/node_modules/webpack-cli/lib/bootstrap.js - /home/hamad/Projects/money-manager/node_modules/webpack-cli/bin/cli.js - /home/hamad/Projects/money-manager/node_modules/webpack/bin/webpack.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object.<anonymous> (/home/hamad/Projects/money-manager/webpack.mix.js:7:13) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) { code: ‘MODULE_NOT_FOUND’, requireStack: [ ’/home/hamad/Projects/money-manager/webpack.mix.js’, ’/home/hamad/Projects/money-manager/node_modules/laravel-mix/setup/webpack.config.js’, ’/home/hamad/Projects/money-manager/node_modules/webpack-cli/lib/webpack-cli.js’, ’/home/hamad/Projects/money-manager/node_modules/webpack-cli/lib/bootstrap.js’, ’/home/hamad/Projects/money-manager/node_modules/webpack-cli/bin/cli.js’, ’/home/hamad/Projects/money-manager/node_modules/webpack/bin/webpack.js’ ] } npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ prod: `npm run production` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the @ prod script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /home/hamad/.npm/_logs/2022-06-29T15_50_36_957Z-debug.log

Laravel version metronic8 not work

Hi,

Please check here for the solution and workaround. We will release the fix soon.

https://devs.keenthemes.com/question/metronic-laravel-error-cannot-find-module-del-solution

Thanks

Thanks

For the angular version, is there a starter app (with only the basics/mandatory components etc… in it ) or do I need to use the demo and strip out all the additional things I dont need to use ?

Hi,

Yes, at the moment the app skeleton is not provided so you will need to prepare it by yourself. You can refer to the documentation and remove unused parts quickly.

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, is there a code that remember menu state ?

Hi,

The menu state is handled in the server-side code by setting an active menu selected for the current page using HTML markup. Please refer to the inner pages and see how the active menu link is set.

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

1- For example I will use the vertical menu and include the menu using PHP. Does the menu or sub-sub menu will be selected based on the page url or something like this?

2- Is there a way to remember the sidebar menu state Full / Mini / Closed using localstorage ?

3- For the sidebar menu Is there a way to use Full / Mini and Close or we can only use Full / Mini or Full / Closed?

Thanks

Hi,

Handling the menu using Javascript and Localstorage will show some

1) You should use PHP to set the menu link active based on the current page’s URL. If you use Javascript the menu selection will be after page load and user may notice it as a UI glitch.

2) At the moment this feature is not implemented as this is not a common approach in classic web apps and devs prefer to handle the menu with serve side language.

3) Currently the menu support full / min or full / closed modes.

For more info please check the demo1 layout options: https://preview.keenthemes.com/metronic8/demo1/layout-builder.html

Regards. Sean

I download the file,but only demo1 folder ?

Hi,

Thanks for your interest in Metronic.

Due to popular requests, we understand that packaging 5 frameworks with 21 demos into a single 4GB 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 and head over to the Metronic demo downloads page to pick your demo. You’ll need to enter your purchase code for us to validate your purchase.

Regards, Sean

Hi, I would like to ask you if, apart from demo 15, is there any other demo that has a bidding page. And also I would like to ask you if demo 15 is going to be available for Vue or Angular soon. Thanks!

Hi,

Other demos for Vue and Angular will be available in a future update. But you can use the bidding page dashboard from the HTML version in other available Vue or Angular demos by revering to existing widgets integrated in Vue and Angular.

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, After downloading I see that react demo does not have complete features. There is only a chat app and a user management app. We cannot find eCommerce app, projects, support tickets and others. Do we have to download this from another location?

Hi,

The React version as other SPA version come with limited features as HTML version is too large and porting all the features into SPA versions requires lots of time and resource. So we port some limited but important features into SPA versions. All available SPA features are shown in the preview site.

If you need other demos you can download them from https://devs.keenthemes.com/metronic

Thanks.

Ok I understand. Maybe you should put only features that have been ported into SPA in react demo. When i checked react demo I saw many apps that I need and I thought this will be available just like in the demo and this is why I purchased. I downloaded other demo and these apps are not available there too. So we can’t really use this for what we planned to use it for.

Hi,

I think you checked Metronic v7 React version here: https://keenthemes.com/metronic/?page=metronic7 that is based on Bootstrap 4 and React’s previouse versions. The new version, Metronic 8 preview you can check here: https://keenthemes.com/metronic/ Both Metronic 7 and Metronic 8 will be available upon your purchase. if you need Metronic v7 please send your request via devs.keenthemes.com private post and we will pass you a download link.

Regards, Sean

You said last week that the release will be THIS WEEK. Let’s see. :/

Hi,

Please note that we always give estimated and rough dates. However we are doing our best to release it this week. Appreciate your patience.

Regards, Sean

Hi guys,

I would be interested in buying this template. I would like to know if the Figma files are organized as a design kit / system, or they are simply the pages we see in the demo.

The reason I want this, as a designer, is that it would be a lot easier for the developer, since all the components are created already. However, I need thee design kit to actually create the design, hence my question :)

Thanks,

Chris

can you please telme how can i change anguar demo theme from demo1 to demo2 as i could’t find the documentation for changing the theme from one to antoher

Hi,

All demos use the same Angular app structure. You can update the layout part and the rest can be reused.

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

Hm, so sad..i waste my time waiting almost 3 months

Hi,

Sorry for the delay. It should be in the next week. Please note that we usually give ETA for upcoming releases and sometimes it may take longer than expected due to dependency updates and integration issue resolution.

Regards, Sean

is ok, thankyou

Hm, so sad..i waste my time waiting almost 3 months

any chance of update this week?

Hi :),

Tentatively It should be released in the next week. We are working on it. Appreciate your patience.

Regards, Sean

I purchased license and ended up with just a file containing only demo1. is there any problem? or this is what I get for 41 USD? please help me to understand.

Hi,

Thanks for your interest in Metronic.

Due to popular requests, we understand that packaging 5 frameworks with 21 demos into a single 4GB 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 and head over to the Metronic demo downloads page to pick your demo. You’ll need to enter your purchase code for us to validate your purchase.

Regards, Sean

Hi, do you have version available that’s not based on bootstrap? Maybe tailwind or something else? SASS etc?

Hello?

Hi :),

We may release Tailwind version in near future. At the moment only Bootstrap based version is available.

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 Team How can i download metronic 7

Hi,

​Metronic’s current version is v8 and v7 is not included in the download package. However, if you have purchased v8 from https://1.envato.market/EA4JP please create a private ticket at devs.keenthemes.com and we will provide you the Metronic v7 download link.

Regards, Sean

All Angular Modal—NOT WORKING??

Hi :),

We will release it in the next update in the coming days.

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,

Noted, we will fix this one also. Appreciate your feedback.

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