محوّل CSS إلى Tailwind

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

ملخص التحويل

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

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

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

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

      طريقة الاستخدام

      أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

      الصق المدخلات

      الصق المدخلات

      أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

      شغّل الأداة

      شغّل الأداة

      انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

      راجع المخرجات

      راجع المخرجات

      اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

      انسخ واستخدم

      انسخ واستخدم

      انسخ النتيجة والصقها في مشروعك.

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

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

      تحميل مثال

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

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

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

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