تطبيق تفاعلي مبني بـ React + Tailwind CSS بيتيح للمستخدمين إنشاء تدرجات لونية (CSS Gradients) بسهولة وسرعة.
المزايا الرئيسية:
- إضافة وحذف الألوان
- المستخدم يقدر يضيف عدد غير محدود من الألوان.
- كل لون له Color Picker + حقل إدخال Hex.
- زر صغير لحذف أي لون معين.
- التحكم في زاوية التدرج (Angle)
- شريط تحكم (Slider) يحدد زاوية التدرج من 0° لحد 360°.
- القيمة بتتحدث لحظيًا في المعاينة وكود الـ CSS.
- معاينة مباشرة (Live Preview)
- جزء مخصص لعرض الخلفية بالـ gradient الناتج.
- توليد كود CSS جاهز
- بيتم عرض الكود في Textarea.
- زر Copy CSS ينسخ الكود للحافظة بضغطة واحدة.
- الوضع الليلي/النهاري (Dark/Light Mode)
- واجهة مرنة تدعم تغيير الثيم بالكامل بزر واحد.
تقنيات مستخدمة:
- React (useState) لإدارة الحالة.
- Tailwind CSS للتصميم السريع والاستجابة.
- Clipboard API لنسخ الأكواد مباشرة.