A starter template for very simple projects (no frameworks) with Tailwind CSS 3.0 setup as a PostCSS plugin.
-
Clone the repository
git clone https://github.com/pnqphong95/tailwind-css-starter-postcss.git {{ your project name }}
-
Download and install NPM - A Beginner’s Guide to npm
-
Install dependencies
npm install
-
Watch changes and build styles using Tailwind CSS
npm run dev
-
Open the
layouts > index.html
file in your browser and you should see a heading styled with a gradient. If you don't see a gradient on the text, something went wrong.
- Go to
layouts > index.html
Remove the<h1>
element and start adding your own HTML. - If you need to add more HTML pages, add them in the
layouts
folder.
Special thanks to Thirus for her fantastic tutorial!
Starter Template for Tailwind CSS 3.0 installed as a PostCSS Plugin