Hi,

Thank you for your feedback on this. Sure, we will consider this in a future update .

Regards, Sean

Hi ,

We are working hard to release the next major update for Metronic the soonest. Our Tailwind codebase will come with over 15 native plugins(Menu, buttons, forms, charts, etc) written in typescript and available for both JS/TS that can be easily used with Next.js, Nuxt and other popular frameworks. We will provide a complete guide for all popular framework integrations. Stay tuned!

Regards, Sean

Hi,

Please note that Metronic Demo 14 React version is not available at the moment. All available React demos(8 react demos) are shown in the product page here and you can get them in the download package.

Regards, Sean

Hi,

Unfortunately, dynamic direction switching is currently not supported by Metronic SPA versions.

The only way to change the direction dynamically in our Vue version is by updating the link href of the main style file. To achieve this, follow the steps below:

1. Generate RTL and LTR CSS style files using our HTML version. To generate styles, refer to our gulp build and rtl version setup docs.
2. Copy the generated style.bundle.css and style.bundle.rtl.css files to public folder in your Vue app.
3. In the index.html file, add link tag with default direction styles as shown in this gist file.
4. Remove the style import line below from src/App.vue:

   @import "assets/sass/style";
   

5. To switch the direction, you just need to change the link href from style.bundle.css to style.bundle.rtl.css. You can reuse switch functions from this gist.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi,

We have integrated Livewire v3. Livewire v3 is included by default, other plugins such as Jetstream, Cashier, and Socialite are not bundled with Metronic Laravel out of the box. You can integrate it on your own based on your requirements.

Thank you for considering our product. If you have any further questions or need additional clarification, feel free to reach out.

Thanks for the prompt reply.

Just to clarify, Jetstream is included to handle functionalities like login and registration pages.

You’re welcome!

Hi,

Could you please provide us more details ? Your Metronic version and the error screenshot would be helpful.

Regards, Sean

Hi ,

Regards, Sean

but as title mislead over here with 16 so question asked.. e.g. Angular Demos 7 demos based on Angular 16 & TypeScript please check on the main page for angular from menu

Hi,

Yes, sure. We will update the info about Metronic Angualr v17 uprade in related pages and docs.

Regards, Sean

Hi,

You can refer to Demo 1 Angular app and see how the core components are initialized. For any further help could you please reach our support via devs.keenthemes.com ?

Regards, Sean

No, no, I’m porting the HTML project from demo 25 to Angular. I don’t know how to start the menu triggers and others.

Hi,

You can refer to Metronic’s Demo 1 Angular app to see how the core components(ktmenu, etc) are initialized. You can also refer to HTML Core Components Init guides. For any further help please reach our support via devs.keentheme.com

Regards, Sean

Hi,

All the available docs you can find here.

If you are using React, Vue, or Angular versions please note that the Firebase auth is not supported out of the box. You can try to modify the current auth solution JWT and integrate it with your Firebase-based auth backend. If you need any help in this direction please reach our Support Team.

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 what I’m getting at is it would be very nice if you guys would comment your code.

Hi ,

Sure, you can implement such dashboard by writing your own backend logic. Metronic does not cover such server side logic as its usually implemented by buyers according to a project requirements.

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

Regards, Sean,

Hi,

Please note that Metronic React version comes with limited features comparing to the HTML version. All available features for each framework implementation are shown in the product preview page here. Each framework has own feature set as per advertisement.

However you can reuse the HTML version markup within your React app since the styles are globally available for all versions. You can refer to existing React features.

If you need any further help please reach our support via devs.keenthemes.com and we will guide you how you can integrate the user management

Regards, Sean

Hi ,

Thanks for your interest in Metronic.

We are working on this and its hard to give ETA. We are targeting it within Q1/2024. Would you need Tailwind/Next.js or MUI/Next.js ?At the moment we are working on MUI/Next.js.

Regards, Sean

Alright, thats a shame – would’ve loved to go ahead with your product. As per question, either work fine, they’re both big & regularly updated frameworks.

Thank you for your prompt reply though

Hi ,

Hopefully Metronic can be useful for your next projects. Stay tuned and all the best!

Regards, Sean

Hi ,

Yes, the Figma file will be included in the download package’s “design” folder. You can get it by downloading the latest Metronic zip from the ThemeForest downloads page.

Regards, Sean

I was hoping for the actual dashboard / apps layouts, do you have figma for this?

Hi,

All available features are included in our current Figma such as dashboard pages, demo layouts and some pages.

Regards, Sean

Hi,

Please note that each use of Metronic requires a separate license. So for the reselling you will need multiple licenses. For any further clarification please reach our support via support@keenthemes.com

Regards, Sean

Hi,

Regards, Sean

Hi,

You can refer to Metronic docs as it uses Prismjs and you can use this plugin by including the below assets:

assets/plugins/custom/prismjs/prismjs.bundle.css

assets/plugins/custom/prismjs/prismjs.bundle.js

Then you can print the source code by using the below code(php example code):

<pre class="language-js">
<code class="language-js">
<?php echo htmlspecialchars(trim("var test='some string';"), ENT_QUOTES)?>
</code>

Regards, Sean

Hi,

Thank you for your feedback.

Yes, the example we provided comes with a server side code that is used for simulation the database based pagination. However our example code is based on static array data and is not connected to a real database. For real projects its better to design the db structure and query according to a specific requirements and use Metronic’s design and templates as frontend solution.

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,

You will need to use SASS in “src/sass/layout/_variables.custom.scss” to edit the layout styles and then recompile your assets folder with Gulp or Webpack.

Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.

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

Regards, Sean