This template provides a stater setup to get tailwindCSS working in php website.

---

Getting Started*

1. Clone this repo*

git clone https://github.com/purnasth/tailwindcss-starter-kit.git

2. Install and Run*

Run the following commands in your terminal:

npm install -D tailwindcss

npx tailwindcss init

---

Replace tailwind.config.js inner codes with

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

Paste these lines in style.css

@tailwind base;
@tailwind components;
@tailwind utilities;

Build

npx tailwindcss -i ./css/style.css -o ./dist/output.css --watch

• npm install to install the node_modules on your local repo which has been .gitignore in this github repo.
• npm run build for update in dist/output.css

---

⭐ Star this repo on GitHub — it helps!