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:

• Tailwind CSS has arrived at the Joomla scene
• anibalsanchez/XT-Tailwind-for-Joomla

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

• Copyright (c)2019-2022 Extly, CB. All rights reserved.
• MIT License; see LICENSE
• This project is dedicated to Andrea Gentil ;-D