OneKitTools logoOneKitTools

محوّل CSS إلى Tailwind

حوّل أي CSS إلى فئات Tailwind CSS فوراً — تعيين كامل للخصائص وقيم عشوائية ودعم محددات متعددة وتحويل دفعي

حول محوّل CSS إلى Tailwind

حوّل أي CSS إلى فئات Tailwind CSS فوراً — تعيين كامل للخصائص وقيم عشوائية ودعم محددات متعددة وتحويل دفعي.

كيفية استخدام محوّل CSS إلى Tailwind

  1. 1الصق كود CSS في لوحة الإدخال (محدد واحد أو ملف أنماط كامل).
  2. 2انقر على 'تحويل' لرؤية فئات Tailwind المكافئة لكل محدد.
  3. 3راجع المخرجات — الخصائص تُميَّز بـ مطابق أو تقريبي أو عشوائي أو غير مدعوم.
  4. 4انسخ المخرجات كفئات خام أو JSX className أو سمة HTML class.
  5. 5استخدم الوضع الدفعي (Starter+) لتحويل عدة كتل CSS مفصولة بـ /* --- */.

نصائح

  • القيم العشوائية (مثلاً w-[137px]) تُستخدم عند عدم وجود أداة Tailwind مطابقة — فكّر في التقريب إلى القيم القياسية.
  • الصق ملفات أنماط كاملة بمحددات متعددة — الأداة تتعامل مع جميعها دفعة واحدة.
  • استخدم وضع نسخ JSX عند العمل في React — يغلف الفئات بصيغة className.

المجاني مقابل المدفوع

مجاني: خصائص محدودة لكل تحويل. Starter+: خصائص غير محدودة والوضع الدفعي.

أدوات ذات صلة

فريق OneKitToolsتم التحديث 2.21.4