Customizing the Tailwind config

For style customizations, add a tailwind.config.js in your project root.

It’s important to know that you don’t need a tailwind.config.js to use Twin. You already have access to every class with every variant.

Choose from one of the following configs:

a) Start with an empty config:

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {},
    },
  },
  plugins: [],
}

b) Start with a full config:

# cd into your project folder then:
npx tailwindcss-cli@latest init --full

Plugins

You can use all Tailwind plugins with twin, some popular ones are tailwindcss-typography and @tailwindcss/forms.