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

React theme Bootstrap instead of Tailwind CSS


One year ago, I used the Metronic React theme with Bootstrap. At that time, it was using React version 18 and Metronic theme version 8.
Now, I want to use React 19, and I have downloaded the new Metronic theme version 9. However, I noticed that the new version uses Tailwind CSS instead of Bootstrap.
How can I download the React version of the Metronic theme that still uses Bootstrap instead of Tailwind?


G
Guest 1 year ago
React Bootstrap 5
1 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 (1)

user
Sean Author 1 year ago

Hi,

Metronic 9 React now exclusively uses Tailwind CSS, in line with the latest development trends. Bootstrap is no longer in high demand within the React community, as most new projects are being built with Tailwind due to its simplicity and modern approach.

Tailwind is easy to adopt, with utility classes that closely mirror standard CSS syntax, making the transition smooth for most developers.

Given this shift, we’re unable to justify rebuilding the entire Metronic 9 for Bootstrap. We hope for your understanding on this decision.

Metronic 9 React now uses our new open-source UI library: https://reui.io/
It offers the way more components than Metronic 8 Bootstrap.

Regards,
Sean


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