Developer Tool
Config Builder
Build your tailwind.config.js visually
Custom Colors
Font Families
Preview Your Colors
primary
secondary
tailwind.config.js
1/** @type {import('tailwindcss').Config} */2module.exports = {3 content: [4 './src/**/*.{js,ts,jsx,tsx,mdx}',5 ],6 theme: {7 extend: {8 colors: {9 'primary': '#3b82f6',10 'secondary': '#6366f1',11 },12 fontFamily: {13 'sans': ['Inter', 'sans-serif'],14 },15 },16 },17 plugins: [],18}