Skip to content
Jekyll starter styled with Tailwind CSS
JavaScript Ruby HTML CSS
Branch: master
Clone or download
Latest commit 15342d9 Aug 20, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
_includes Update header.html Jul 17, 2019
_layouts Update default.html Jul 17, 2019
src Update to Tailwind v1 May 15, 2019
.all-contributorsrc docs: update .all-contributorsrc May 16, 2019
.babelrc Remove preset options Dec 25, 2018
.gitignore Update to Tailwind v1 May 15, 2019
Gemfile Push v1 Nov 9, 2017
Gemfile.lock Update gems Jul 17, 2019 Update Mar 25, 2018 Update Aug 20, 2019
_config.yml Update Gulpfile Dec 16, 2018
index.html Update index.html Aug 20, 2019
package-lock.json Update dependency tailwindcss to v1.1.2 Aug 14, 2019
package.json Update package.json Aug 20, 2019
renovate.json Update renovate.json May 23, 2019
tailwind.config.js Update to Tailwind v1 May 15, 2019

Jekyll Starter Tailwind

All Contributors

A starter kit for using Tailwind with Jekyll that includes:

  • A barebones Jekyll starter theme

  • A Gulpfile that does the following:

    • Compiles Tailwind
    • Strips out unused CSS using Purgecss
    • Runs Autoprefixer
    • Minifies your CSS
    • Generate a CSS sourcemap
    • Compiles Jekyll
    • Runs Browsersync for local development

What is Tailwind?

"Tailwind is a utility-first CSS framework for rapidly building custom user interfaces." –Tailwind

What is Jekyll?

"Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories." –Jekyll


Get started

  • bundle install to install Ruby gems
  • npm ci to install npm packages listed in package-lock.json
  • npm run start to compile the site with development settings and run BrowserSync

Build your site

  • npm run build:dev to compile the site with development settings
  • npm run build to compile the site for production


Deploy to Netlify

Note: By default, Netlify uses jekyll build as the build command. Make sure to change this to npm run build.



How you can help

Enjoying Jekyll Starter Tailwind and want to help? You can:


Thanks goes to these wonderful people (emoji key):

Roberto Segura
Roberto Segura


Joey Defourneaux
Joey Defourneaux

Hrvoje Šimić
Hrvoje Šimić


This project follows the all-contributors specification. Contributions of any kind welcome!

You can’t perform that action at this time.