author avatar

satya

Sat Jan 27 2024

setup tailwind css without using node.js The below setup is for macOS arm64

Step1

curl -sLO <https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64>
chmod +x tailwindcss-macos-arm64
mv tailwindcss-macos-arm64 tailwindcss

Step2

./tailwindcss init // this will create tailwind.config.js file

Step3 Create input.css file and import the required tailwind base, components & utilities

Step4

./tailwindcss -i input.css -o output.css --watch // this will generate a output.css file, so make sure to link it in your root file

For production add the tailwind watcher command with --minify flag

./tailwindcss -i input.css -o output.css --minify