Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Gatsby Theme for TailwindCSS, TailwindUI & TailwindUI/react


A gatsby theme for using tailwindcss in your app by default.

This theme will also install the amazing @tailwindcss/ui & @tailwindcss/react and you will be able to use the pre-built components in your app.

Demo can be found below. The source code is located here


How to Install

npm install gatsby-theme-animated-tailwind

if you’re using Yarn

yarn add gatsby-theme-animated-tailwind

How to Use

Add configuration to your gatsby configuration, gatsby-config.js

module.exports = {
    plugins: [
          resolve: `gatsby-theme-animated-tailwind`,

Learning Resources

Refer Tailwind Docs for usage instructions regarding the css framework.

© 2023 Gatsby, Inc.