محوّل CSS إلى Tailwind

حوّل CSS إلى فئات Tailwind CSS المساعدة فورًا في متصفحك.

ملخص التحويل

    ملاحظات التحويل

      جاهز Ctrl/Cmd+Enter للتحويل · Ctrl/Cmd+Shift+C لنسخ المخرجات

      يمكن تحويل خصائص CSS الشائعة تلقائيًا، بينما قد يحتاج CSS المتقدم إلى مراجعة يدوية.

      تحويل فوريالنتيجة في المتصفح
      بدون تثبيتافتح وحوّل
      أداة مجانيةبدون حساب
      في المتصفحيعمل دون اتصال بعد التحميل
      خصوصيةيبقى CSS على جهازك

      إضافة Chrome

      حوّل CSS في اللوحة الجانبية لـ Chrome

      ثبّت إضافة CSS to Tailwind المجانية — الصق CSS وحوّله محليًا وانسخ الفئات المساعدة دون مغادرة الصفحة التي تعمل عليها.

      أضف إلى Chrome — مجانًا

      كيف يعمل

      يعمل التحويل محليًا في متصفحك كلما أمكن.

      1. الصق CSS

        أدخل أو الصق الأنماط في محرر الإدخال.

      2. تحليل التصريحات

        يقرأ المحوّل المحددات والتصريحات بأمان.

      3. تعيين إلى أدوات

        الخصائص الشائعة تصبح فئات Tailwind.

      4. تمييز التعقيد

        يُدرج CSS غير المدعوم للمراجعة اليدوية.

      حالات استخدام شائعة

      • ترحيل مشاريع CSS الحالية
      • تعلّم Tailwind CSS
      • إعادة هيكلة المكوّنات
      • إنشاء نماذج واجهة
      • مراجعة CSS القديم
      • تحويل تخطيطات Flexbox
      • تحويل تخطيطات Grid

      تحميل مثال

      جرّب مقتطفات حقيقية — بطاقة، زر، شريط تنقل، نموذج، Flexbox، Grid، خطوط، متجاوب.

      مبني للثقة لا للمبالغة

      موقع ثابت للمطوّرين. يتم التحويل في المتصفح بعد تحميل الأصول. نوثّق الحدود في المنهجية، ونُحاذي الصفحات القانونية مع التنفيذ الحقيقي، ولا نخترع تقييمات أو «تحويل 100%». المنهجية.

      آخر مراجعة للمحتوى: .

      إضافة Chrome