Gatsby Book Launch

“The missing guide to the modern web” launches on Thursday, Sep 29th: Modular: The Web’s New Architecture

ContactSign Up for Free
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.

© 2022 Gatsby, Inc.