Jigsaw + Tailwind CSS Starter Kit
- Webpack + Laravel Mix build system
tailwind.jsconfig file in root, customize as needed
mix()to fetch the CSS asset path and apply versioning
- Removes unused Tailwind CSS classes with laravel-mix-purgecss (production build only)
- Basic example of
@applying Tailwind CSS classes. Useful when you write in Markdown and have no control over markup.
Clone this repo
Navigate to the folder
Install JS dependencies
Install PHP dependencies
Run the dev script to build the site
npm run dev
To use Browsersync, run the watch script instead:
npm run watch
Note: as mentioned, unused CSS will be removed only when you build for production:
npm run production
What is Jigsaw?
A framework for rapidly building static sites using the same modern tooling that powers your web applications. - Jigsaw
What is Tailwind CSS?
A Utility-First CSS Framework for Rapid UI Development - Tailwind CSS