Gradient Generator with React + Tailwind CSS

تطبيق تفاعلي مبني بـ 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 لنسخ الأكواد مباشرة.