Tailwind css works by scanning all of your html files, javascript components, and any other templates for class names, generating the corresponding styles and then writing them to a static css file. This will create a file called tailwind.css generated based on tailwind’s default configuration, and automatically add any necessary vendor prefixes using autoprefixer Now you can pull this file into your html just like any other stylesheet: Today we're excited to release tailwind css From zero to production, a new screencast series that teaches you everything you need to know to get up and running with tailwind css v2.0 from scratch. Learn how to use responsive utility variants in tailwind css to create adaptive user interfaces for different screen sizes and devices.
The simplest and fastest way to get up and running with tailwind css from scratch is with the tailwind cli tool. Try tailwind css right in the browser without any build step.
WATCH