كل تجارب أنظمة التصميم المفتوحة المصدر — منشورة ومباشرة على
dev.myarafouwebhook.space
٣ قصص حب × ٦ مشاهد متحركة ← انتقالات سينمائية ← أوتوماتيك
🌙 السمراء • 🌊 المحيط • 🔥 العنقاء — كلها Canvas أنيميشن بمشاهد متسلسلة
ألعاب نارية • رقصة نجمية • كرنفال مهرجاني • مسرح ظل • غبار نجوم • حديقة مسحورة
كل تصميم Canvas أنيميشن فريد — أجواء مهرجانات وافراح
Dashboard كامل ومتكامل مبني بـ shadcn/ui v4 + Next.js 15 + Tailwind CSS v4. يشمل: كروت إحصائيات ذكية، مخططات Chart.js تفاعلية، قائمة مشاريع، نظام Tabs، Badges، وأفاتار مخصص.
نسخة Dashboard بـ Hero UI v3 + Next.js 15 + Tailwind CSS v4 مع React Aria. يستخدم الـ Compound Components API الجديد: SearchField، Tabs، Chip، Avatar، Cards بتنسيق عصري وأنيق.
تجربة 8 مكتبات أساسية في صفحة واحدة: clsx + tailwind-merge + cva (إدارة classes)، Motion v12 (حركات)، Sonner (toasts)، Vaul (drawer)، Radix Colors (ألوان)، next-themes (Dark/Light).
رحلة فرح كونية — 7 أقسام، 4000px طول:
🪐 بوابة كونية • ➡️ نسيج الفرح • 🏛️ رحلة العمر • ✨ جدارية أمنيات • 🌸 محراب دعاء • ⭐ دوامة الزمن • 🎆 ختام سينمائي
تجربة بصرية ملونة — مشكال متحرك Canvas بألوان زاهية:
🌀 خلفية مشكال 8 قطاعات • 🌈 طيف قوس قزح • 💠 حديقة أشكال • 🕉️ ماندالا متحركة • 🎆 انفجار ألوان
خريطة كنز عتيقة — رحلة عبر 7 محطات:
🧭 بوصلة ذهبية • 🌴 واحة اللقاء • 🌊 نهر المودة • ⛰️ جبل الأمل • 🌸 حديقة الوعود • 🏰 قلعة الفرح • 💎 صندوق الكنز
محيط ليلي عميق — أمواج Canvas متحركة:
🌙 قمر فضي • ⛵ قوارب الذكريات • 💎 أعماق المشاعر • 🏮 منارة الأمل • 🌊 مرفأ الوصول
افتح الكنز واتفرج — تجربة تفاعلية بالكامل:
🗝️ ضغط → 💥 انفجار → ▶️ auto-scroll + 🔊 TTS عربي
🪙 ذهب • 💎 جواهر • 💝 قلوب • 👑 تاج • ✨ نور
⏱ توقيت ديناميكي حسب طول النطق 🔊
قمة الإبداع — دمج كل النماذج في تجربة واحدة:
🗝️ افتح الكنز → ✨ نجوم • 🎨 مشكال • 🗺️ خريطة • 🌊 أمواج • 💎 خزنة
⏱ توقيت ديناميكي — كل مشهد ياخد وقته حسب طول النص 🔊
خمسة أبعاد من الفرح في جوهرة واحدة:
✨ نجوم → 🔶 أوجه ذهبية → 🗺️ مسار نور → 🌊 هالة سلام → 💎 لب الفرح
🏆 تصميم مدمج بالكامل — لا ألوان قوس قزح — مشهد كوني واحد متكامل
نسخة مطورة بالكامل لموقع FouRenov — تصميم عصري بـ Tailwind CSS + Alpine.js:
🎨 خدمات (دهان/سيراميك/جبس/مطابخ) • 🏆 معرض مشاريع • 📞 نظام تواصل • 📝 طلب عرض سعر ذكي
موقع واحد — 5 أنماط مختلفة (ألوان، خطوط، أجواء).
🏛️ كلاسيكي • ✨ حديث • 🌙 ليلي • 🌿 طبيعي • 🎨 حيوي
مع تحكم كامل في الألوان والخطوط والتصدير.
نفس المحتوى — 5 تخطيطات مختلفة بالكامل:
🏛️ كلاسيكي • 📰 مجلة • 🚀 SaaS • 🛍️ متجر • 🎯 بورتفوليو
مع زر عشوائي وحفظ تلقائي.
صمم ثيمك بنفسك بالألوان والخطوط:
🎨 خلط ألوان • ✍️ تغيير خط • 📐 تجربة أبعاد
مع معاينة حية ونسخ كود CSS.
لوحة تحكم بـ Radix UI + Tailwind — قريباً