Question 1

What version of Tailwind CSS does this support?

Accepted Answer

The generator outputs a standard tailwind.config.js compatible with Tailwind CSS v3. The structure (content, theme, darkMode) works with v3 projects out of the box.

Question 2

Can I add custom brand colors?

Accepted Answer

Yes. Add named color tokens like primary, secondary, brand and assign each a hex value. They become available as bg-primary, text-brand and similar utilities.

Question 3

How do I use the generated config?

Accepted Answer

Copy the generated code into a file named tailwind.config.js at your project root. Tailwind CLI and build tools like PostCSS, Vite and Next.js will pick it up automatically.

Question 4

Is this tool free?

Accepted Answer

Yes, 100% free with no signup. Everything runs in your browser — no uploads or accounts needed.

🎨 Custom Colors

📐 Breakpoints

🔧 Options

🔤 Custom Fonts

📏 Content Paths