author avatar

satya

Sat Jan 27 2024

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

Step1


curl -sLO 
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