/tailwindcss-starter-kit

Primary LanguageHTML

Tailwindcs + Starter Kit


GitHub repo size GitHub forks GitHub Repo stars Last commit Commit activity

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!