Marrying Tailwind with Jekyll

This page summarizes the projects mentioned and recommended in the original post on dev.to

SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  1. Bridgetown

    A next-generation progressive site generator & fullstack framework, powered by Ruby

    Jekyll is a simplistic framework for static websites that originally sparked the static website and JAMstack movements. While there are many similar frameworks with more features, Jekyll remains one of the simplest on the market. It has been somewhat forgotten and hasn't evolved much lately, to the point where some people decided to take matters into their own hands and fork this framework into something called Bridgetown.

  2. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  3. Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Surprisingly, in many projects, I don't really need more than what Jekyll can offer. So, I remain a loyal user. Until recently, I didn't have much to complain about, not until I decided to rebuild poshtui.com with Tailwind CSS. The only way to add Tailwind and Heroicons was through a JavaScript bundler, and I'm no longer used to that approach.

  4. jekyll-tailwind

    Use Tailwind CLI from your Jekyll site

    As it sometimes happens in the Open Source world - the stars aligned in the right way. I stumbled upon work by @crbelaus on jekyll-tailwind. He demonstrated that it's possible to integrate both, but his solution was lacking. I then found work by @flavorjones who extracted the tailwindcss-ruby gem from the Rails core gem.

  5. tailwindcss-ruby

    A self-contained `tailwindcss` executable, wrapped up in a ruby gem.

    As it sometimes happens in the Open Source world - the stars aligned in the right way. I stumbled upon work by @crbelaus on jekyll-tailwind. He demonstrated that it's possible to integrate both, but his solution was lacking. I then found work by @flavorjones who extracted the tailwindcss-ruby gem from the Rails core gem.

  6. jekyll-tailwind-cli-template

    Integrating tailwind css and heroicons into Jekyll, without any javascript bundlers.

    To keep things short, over the next couple of weeks, I worked to improve the integration of Tailwind and Heroicons with Jekyll. An example of this work can be found in the jekyll-tailwind-cli-template. The current setup experience with jekyll-heroicons and jekyll-tailwind is not exactly a walk in the park, but it's much easier than working with JavaScript bundlers.

  7. rdoc-markdown

    RDoc plugin to output markdown documentation

    Surprisingly, in many projects, I don't really need more than what Jekyll can offer. So, I remain a loyal user. Until recently, I didn't have much to complain about, not until I decided to rebuild poshtui.com with Tailwind CSS. The only way to add Tailwind and Heroicons was through a JavaScript bundler, and I'm no longer used to that approach.

  8. heroicons

    A set of free MIT-licensed high-quality SVG icons for UI development.

    Surprisingly, in many projects, I don't really need more than what Jekyll can offer. So, I remain a loyal user. Until recently, I didn't have much to complain about, not until I decided to rebuild poshtui.com with Tailwind CSS. The only way to add Tailwind and Heroicons was through a JavaScript bundler, and I'm no longer used to that approach.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Create your GitHub profile page in 1 minute without 1 line of code for free.

    7 projects | dev.to | 7 Aug 2022
  • Add a table of contents (TOC) to your blog posts

    6 projects | dev.to | 27 Jun 2022
  • The Open Source Story - Open Sourcing RudderStack Blog and Docs

    7 projects | dev.to | 2 Sep 2021
  • My Creative Learning Journey

    1 project | dev.to | 1 Apr 2026
  • Setting up a hugo static site hosted with Porkbun

    1 project | dev.to | 31 Mar 2026

Did you know that Ruby is
the 13th most popular programming language
based on number of references?