HeronTool
English
Log in
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
HomeDev Tools

Create a Tailwind CSS configuration file by specifying your design tokens.

dev

How to Use

  1. Enter your primary and secondary colors
  2. Set font family and border radius
  3. Choose dark mode strategy
  4. Copy the generated config

Use Cases

Create a Tailwind CSS configuration file by specifying your design tokens

Nothing is uploaded — all processing happens locally in your browser.

Comment / Report / My Annotations

Please sign in first — Log in

Please sign in first — Log in

Please sign in first — Log in