All Tools
1049+ free tools

Tailwind Config Generator

Generate a starter tailwind.config.js.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: { primary: "#0ea5e9" },
      fontFamily: { sans: ['"Inter"', "sans-serif"] },
      borderRadius: { DEFAULT: "0.5rem" },
    },
  },
  plugins: [],
};

Related web-design tools

CSS Animation Generator
Create CSS animations with live preview & presets
SVG Blob Generator
Generate organic SVG blob shapes with gradients
Box Shadow Generator
CSS box-shadow with live preview & copy
Border Radius Generator
CSS border-radius with preview