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

Feature compatibility between template variants (html, vue, react, ..)


Hi,

I'm considering buying the Metronic but I'm not sure which features are included per template type.

I really like the template and especially the dark / light switch.

But looking at the React demo there is no dark / light switch so I'm right that feature is not included in the React template?

As I'm looking into building a React - NextJS - Typescript I'm wondering which features are included in the React variant... is only the dark / light switch missing or also other missing features I will find out later.

Is there some kind of compatibility matrix available?


Cheers,
Marcel


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 had the same question before getting Metronic! The feature differences between the HTML, Vue, and React versions can be a bit tricky. From what I’ve seen, some UI elements and features (like the dark/light switch) are missing in certain frameworks, especially in React. A compatibility matrix would definitely help.

It reminds me of when I first tried Nulls Brawl APK—looked great at first, but then I noticed some missing features compared to the original. Best to double-check before committing. Hope they clarify this soon!



When working with different template variants like HTML, Vue, or React, feature compatibility becomes a key factor in ensuring a smooth development process. Each framework has its own set of capabilities, syntax, and ecosystem, which may affect how certain features or components perform. For example, while an HTML template may be more straightforward and easily customizable, a Vue or React template might offer advanced reactivity and state management features. Compatibility issues may arise when trying to integrate specific features across these variants, like ensuring that assets or interactive elements behave consistently. As an example, if you're building a game-related site, such as one offering the Nulls Brawl PC version, you'll need to ensure that features like login systems or download buttons are properly implemented across all templates, regardless of the framework being used.



Direct inquiries: Since there is no compatibility matrix available, contacting the template provider (Keenthemes) directly may yield the most accurate information about feature specifics in the React variant.
Community and Documentation: Explore forums, user reviews, and detailed documentation that can also provide insight into what features are includedBuild Now GG or missing in React version of Metronic.
Custom implementation: If certain features like dark/light switches are missing in the React variant, consider the feasibility of custom implementation of these features. React's ecosystem and flexibility often allow integration of such features with additional development effort.


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  :(