Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Metronic v9 react integration


I have purchased the Metronic v9, is it integrated to react project and have react components ready? I tried myself from the docs but the UI is not in react components.


user
Mohammad Yasin 1 year ago
React Tailwind 4
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
Sean Author 1 year ago

Hi,

At the moment Metronic 9 is available only for HTML + JavaScript. However we have a integration guide to use the HTML + JavaScript features within React project.

Metronic 9 React/Next.js for JS/TS with fully native React components will be released soon. At the moment we are preparing it for release.

We can give you beta access once we are close to the release in several weeks. You will get all Metronic future updates for free.

Regards.


G
Guest 1 year ago

Hello, how can I get beta access for tailwind v9 pls?


user
Mohammad Yasin 1 year ago

Thanks,
I integrated to react but there was not any native components.

Will be so excited to have the js/ts react native components.


user
Mohammad Yasin 1 year ago

Yes please, I would like to have beta access


user
Sean Author 1 year ago

Hi,

Sure. We will inform you when it's ready for the Beta release. We are currently working on it.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(