Tailwind CSS

Rapidly build modern websites without ever leaving your HTML.

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

Open VS code at the current folder

code .

Add script command in package.json

 "build-css": "tailwindcss build src/styles.css -o public/styles.css"

Add tailwindcss as a dependence

npm install tailwindcss

Compile tailwind css

npm run build-css

The official Tailwind CSS IntelliSense extension for Visual Studio Code enhances the Tailwind development experience by providing users with advanced features such as autocomplete, syntax highlighting, and linting. Tailwind CSS IntelliSense

Tailwind CSS Tutorial - Net Ninja