Tailwindify

Convert styles to tailwind class names.

Start

npm install
npm run dev

Navigate to the homepage at https://localhost:3000.

Feature

• Transform style to tailwind class name.
• Sort class name.
• Support Rules: position, flex, border, margin, padding, typography
• Parse color to tailwind color name. Support read from tailwind config.
• Support Figma color includes var.
• UI
  • show transformed class name and unmatched style.
  • support only show typography style.

Roadmap

• To support more Rules.