Jigsaw Tailwindcss

screenshot of Jigsaw Tailwindcss
tailwind

Use Tailwind CSS with the Jigsaw static site generator.

Overview

The Jigsaw + Tailwind CSS Starter Kit is a ready-to-use package that combines the Jigsaw static site generator with the Tailwind CSS framework. It provides a convenient starting point for building static websites using modern tooling and a utility-first CSS approach.

Features

  • Netlify Status: Get live updates on the status of your Netlify deployment.
  • Webpack + Laravel Mix build system: Automate the build process for your site using Webpack and Laravel Mix.
  • tailwind.config.js file: Customize the configuration of Tailwind CSS by editing the tailwind.config.js file.
  • laravel-mix-purgecss: Remove unused Tailwind CSS classes from your build using the laravel-mix-purgecss plugin.
  • PostCSS: Use PostCSS instead of Sass for faster build times and fewer dependencies.
  • @applying Tailwind CSS classes: Easily style Markdown content by applying Tailwind CSS classes.
  • Blade extensions: Customize the Blade templating system by adding your own Blade extensions.
tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.