Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-theme-animated-tailwind

Gatsby Theme for TailwindCSS, TailwindUI & TailwindUI/react

Description

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

https://gatsby-tailwind-demo.netlify.app/

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.