Convert TailwindCSS to native CSS? [closed]

Question

I have been given an html file that is written using TailwindCSS and I am trying to figure out how to convert all there stuff to native CSS.

I have found a convert that will just do the class but that requires me to extract thousands of classes from the code manually and then repast it. Is there some tool where I can just upload the whole html file and it spit out a CSS version of it for me or do I have to manually do this whole conversion?

I would prefer something online as I don't want to go though having to install a bunch of 3rd party tools, learning there system, do the convert, and then uninstall everything.

Answer 1

Paste your html code in tailwind-playground

You can access the css in the generated css files tab.

Example

According to tailwind-css docs

Tailwind automatically injects these styles when you include @tailwind base in your CSS (the first 552 lines of generated CSS)

You can remove those base classes by setting preflight = false in tailwind.config.cs

module.exports = {
  corePlugins: {
    preflight: false,
  }
}