تطبيق تفاعلي مبني بـ 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 لنسخ الأكواد مباشرة. رابط العمل على مستقل : https://mostaql.com/portfolio/3093216-gradient-generator-with-react-tailwind-css