Tailwind Config Generator

Generate Tailwind CSS configuration files. Customize theme, colors, fonts, plugins, and content paths.

11.4Kuses
9.2/10(377)
tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
  ],
  darkMode: 'class',
  theme: {
    container: {
      center: true,
      padding: '2rem',
    },
    extend: {
      colors: {
        primary: '#3b82f6',
      },
      fontFamily: {
        sans: ['Inter, sans-serif'],
      },
    }
  },
  plugins: [],
};

About Tailwind CSS

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

⚡ Pro OptionsSponsored

Some links on this page are affiliate links. If you click and make a purchase, we may earn a commission at no extra cost to you.

Disclaimer: This tool is provided as-is for informational and educational purposes only.

TB

ToolBird Assistant

Find the right tool instantly

Hey! I'm ToolBird Assistant. Tell me what you need and I'll find the right tool for you.