Tailwindcss for Jekyll

Here is a simple demo of Tailwindcss 3++ in Jekyll with sass

See the live demo

How to use it

  1. clone the repository
  2. cd jekyll-tailwindcss
  3. bundle to install jekyll dependencies
  4. yarn to install node modules
  5. bundle exec jekyll serve to run a local server

Enjoy!

Source: documentation Tailwindcss

Here is the final build command:

JEKYLL_ENV=production NODE_ENV production jekyll build

If it does not work, try:

JEKYLL_ENV=production NODE_ENV production bundle exec jekyll build

Node.js

GitHub deploy uses Node 14

Demo URL

See the live demo

Styles are from https://tailwindcomponents.com/component/card-hero-section

jekyll logo

Want a Jekyll website built?

Hire a Jekyll developer