https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate

Tailwind CSS + PostCSS + BrowserSync boilerplate
https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate

boilerplate browser-sync browsersync postcss starter-kit tailwind tailwind-css tailwindcss

Last synced: 26 days ago
JSON representation

Tailwind CSS + PostCSS + BrowserSync boilerplate

• Host: GitHub
• URL: https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate
• Owner: saadeghi
• Created: 2020-04-29T18:06:30.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-05-19T13:24:03.000Z (almost 5 years ago)
• Last Synced: 2025-03-10T13:45:35.351Z (about 1 month ago)
• Topics: boilerplate, browser-sync, browsersync, postcss, starter-kit, tailwind, tailwind-css, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 47.9 KB
• Stars: 32
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-tailwindcss - PostCSS and Browsersync Boilerplate - Boilerplate using CSS Nano. (Starters & Themes)

README

        
# Tailwind CSS + PostCSS + BrowserSync boilerplate

## 💡 Features

- Tailwind CSS, AutoPrefixer, PurgeCSS and CSSnano configed in PostCSS

- [Optional] automatically download google fonts using get-google-fonts

  

## 🏄‍♀️ How to use

- Use `npm run fonts` to download font files from google fonts to `/assets`

- Use `npm run dev` to generate CSS from `style.tailwind.css` to `/assets`

- Use `npm run prod` to generate CSS and Purge it and Minify it

- Use `npm run watch` to watch for changes and run browser-sync