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}