Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Metronic Template


I am interested in purchasing the "Metronic" template. I would like to know if it is 100% compatible with Blazor WASM.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


I’m planning to use the "Metronic" template for a Blazor WASM project and wanted to confirm if it’s 100% compatible. Are there any known limitations or additional steps required to integrate it seamlessly?

By the way, while exploring ideas for UI inspiration, I came across the Starbucks holiday menu, which has a great design for seasonal promotions.



The Metronic Template is a versatile and highly customizable admin dashboard framework designed for developers to create modern, responsive web applications with ease. Packed with pre-designed components, layouts, and themes, it streamlines development while maintaining flexibility. Whether you're building analytics platforms, CRM systems, or e-commerce dashboards, Metronic adapts seamlessly to your needs. For example, if you're creating a site to showcase the Taco Bell menu, Metronic’s user-friendly interface and integration options allow you to display dynamic content, filter options, and responsive menus efficiently, ensuring an engaging experience for your audience.



Hi,

Metronic has integration guides for Blazor Server only, WASM is not supported at the moment.

However, the Metronic v9 Tailwind'a HTML/JS version can be used with WASM by referring to general SPA integration guides, such as React Guide.

In this case, you will need to copy the HTML code from the Tailwind HTML version and initialize the JS by referring to the React guides. Please note that this will require time for R&D and integration as per your project requirements.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(