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.
Recommended Products
Ad⌨️Mechanical KeyboardsShop →🖥️Ultrawide MonitorsShop →🪑Standing DesksShop →🎧Noise Cancelling HeadphonesShop →📚Programming BooksShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →
Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.
Disclaimer: This tool is provided as-is for informational and educational purposes only.