Back to Store
Tailwind Theme Builder
Visual editor that outputs a complete tailwind.config.js with colors, typography, spacing, and more.
Presets
Import tailwind.config.js
Parse & Load
Colors
Typography
Spacing
Border Radius
Shadows
Breakpoints
Live Preview
Export
+ Add Color
Heading Font (Google Fonts)
Body Font (Google Fonts)
Base Size (px)
Scale Ratio
Minor Second (1.125)
Minor Third (1.2)
Major Third (1.25)
Perfect Fourth (1.333)
Perfect Fifth (1.5)
Load Fonts
Base Unit (px)
Border Radius Scale
Box Shadow Scale
Screen Breakpoints
tailwind.config.js
CSS Variables
JSON Tokens
Copy to Clipboard