Tailwind Config Generator
Visually configure your Tailwind CSS theme and export tailwind.config.js
Copy Config
Download .js
Reset All
Colors
Fonts
Spacing
Breakpoints
Container
Preview
Output
Theme Colors
+ Add Color
Color Preview
Font Families
+ Add Font
Spacing Scale
+ Add Value
Breakpoints (screens)
+ Add Breakpoint
Container Settings
Center by default
Padding by default
Max Widths (one per line, e.g. sm: 640px)
sm: 640px md: 768px lg: 1024px xl: 1280px 2xl: 1536px
Theme Color Swatches
Spacing Scale
tailwind.config.js
Copy
Copied to clipboard!