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