Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Plug Bootstrap based HTML theme in my custom React app


Hello there, I checked KeenThemes and interested in buying the HTML version of theme. The goal is to setup the theme in my custom React app. Do you think I can do that before I finally make the payment and buy it. Thank you.


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 (4)


By the way, I'm using react-bootstrap (https://react-bootstrap.netlify.app) NPM package for building UI.



Hi,

Thank you for reaching out to us.

We have a separate Metronic React application which is already based on our main HTML version and you can use our React app as a starting point and later implement the rest of the features pages/plugins available in our HTML version.

You can find our Metronic React app preview page here:
https://preview.keenthemes.com/metronic8/react/demo1/dashboard

And Metronic React documentation here:
https://preview.keenthemes.com/metronic8/react/docs/quick-start

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris,

Actually, I've built my custom React app. So, technically, I would like to use the SCSS/CSS files, make changes in React component to comply KeenTheme (HTML version) and achieve the goal of beautiful UI.

Please share your thoughts,
Hiren.



Hi,

Sorry for the late reply.

To apply Metronic styles globally in your application, import the following styles file. This will override the default Bootstrap styles and ensure that your application's components appear as they do on the Metronic preview page.


@import "assets/sass/style";


Regards,
Lauris Stepanovs,
Keenthemes Support Team


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