Tailwind CSS Starter Project

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack and PostCSS. Fully optimized for top performance.

Tailwind CSS - The Utility-First CSS Framework. A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).
Webpack
PostCSS

For future reference:

Prerequisites: Before you use this starter, you must install Node.js.

To get started, clone the project (or download the ZIP file) and install the dependencies:

# Install dependencies
npm install

# Build with Tailwind CLI
npm run dev

# Serve with Parcel
npm run serve

The page is rendered here http://localhost:8080/.

The sample page renders my blog layout redesigned with Tailwind ;-)

To build a production bundle run:

npm run prod

After that you will have a ready to deploy bundle at /dist

Changelog

5.0.0

Upgrade to Tailwind CSS v3 - https://tailwindcss.com/docs/upgrade-guide
Migrate tailwind.config.js from purge to content
Migrate tailwind.config.js remove variants

npm install -D tailwindcss@latest \
  @tailwindcss/typography@latest \
  @tailwindcss/forms@latest \
  @tailwindcss/aspect-ratio@latest \
  @tailwindcss/line-clamp@latest \
  postcss@latest \
  autoprefixer@latest

Migration to Tailwind CLI - https://tailwindcss.com/docs/installation

4.0.0

Update to Tailwind CSS v2.0.2
Clean dependencies to have Tailwind CSS and WebPack
Purge with Tailwind CSS
Remove @fullhuman/postcss-purgecss
Remove @tailwindcss/custom-forms
Integrate @tailwindcss/aspect-ratio
Integrate @tailwindcss/forms
Integrate @tailwindcss/line-clamp
Usability improvements, optimizations and code styling

3.0.0

Update to Tailwind CSS v1.2.0, including Tailwind UI support.

Tailwind CSS v1.2.0
Support of Tailwind UI
Addition of PostCSS best practices, postcss-import and postcss-nested
Minimum tailwind.config.js

Copyright & License