首页 › Tailwind CSS 配置生成器

Tailwind 配置生成器

⚡ 快速预设

📦

最小配置

📊

后台系统

🚀

落地页

🛒

电商网站

🎨 颜色

📝 字体

📐 间距

📱 断点

🔌 插件

自定义颜色

字体族

自定义字号

xs (0.75rem) sm (0.875rem) base (1rem) lg (1.125rem) xl (1.25rem) 2xl (1.5rem)

基础间距单位 (rem)

自定义间距值

0

1

2

4

8

16

32

64

响应式断点

官方插件

@tailwindcss/forms @tailwindcss/typography @tailwindcss/aspect-ratio @tailwindcss/container-queries

功能选项

Dark Mode (class) Preflight (CSS Reset) JIT Mode

📄 tailwind.config.js