Skip to content
Gatsby starter styled with Tailwind
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
src porting project to upcoming tailwind v1 (#17) May 14, 2019
.all-contributorsrc Merge branch 'master' into all-contributors/add-ericpoe May 21, 2019
.eslintignore v2.2.0 Mar 22, 2019
.eslintrc.json v2.2.0 Mar 22, 2019
.gitignore Push v1.0.0 Mar 25, 2018
.prettierignore v2.2.0 Mar 22, 2019 Remove extra whitespace Jan 5, 2019
LICENSE Upgrade to Gatsby v2, use Webpack instead of Tailwind/Purgecss CLI Jan 5, 2019 Update May 23, 2019
gatsby-browser.js v2.2.0 Mar 22, 2019
package-lock.json Update dependency eslint-plugin-import to v2.17.3 May 25, 2019
package.json Update dependency eslint-plugin-import to v2.17.3 May 25, 2019
postcss.config.js v2.2.0 Mar 22, 2019
renovate.json Update Renovate config May 8, 2019
tailwind.config.js porting project to upcoming tailwind v1 (#17) May 14, 2019

Gatsby Starter Tailwind

All Contributors

Gatsby and Tailwind CSS logos
A Gatsby starter styled using Tailwind, a utility-first CSS framework.
Uses Purgecss to remove unused CSS.
Illustrations by unDraw.

alt text

View demo here.

What is Tailwind?

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

What is Gatsby?

"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -Gatsby

Get started

Install Gatsby CLI:

npm i --global gatsby-cli

Create new Gatsby project using this starter:

gatsby new my-new-website

Build stylesheet from Tailwind config and run the project in development mode:

cd my-new-website
npm run develop

Format and lint

  • npm run analyze - See what ESLint and Prettier can fix
  • npm run fix - Run Prettier and ESLint with the --fix option

Build your site

Use npm run build to build your site for production.


Deploy to Netlify




How you can help

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


Thanks goes to these wonderful people (emoji key):


Georgios Andreadis
Georgios Andreadis


Dhaifallah Alwadani
Dhaifallah Alwadani

Nigel Ball
Nigel Ball

🤔 💻
Eric Poe
Eric Poe


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

You can’t perform that action at this time.