Code Lab

التصميمات المبرمجة

هذه الصفحة تعرض فقط التجارب التفاعلية المبرمجة (React + Motion) بدون معرض صور.

Built in code

تجارب تصميم مصغّرة — مبرمجة وليست صورًا

الجزء الأول يظهر مباشرة؛ عند «عرض المزيد» يظهر هيكل تحميل (skeleton) ثم تُحمّل الدفعة التالية من التجارب دون إرهاق المتصفح دفعة واحدة.

كود حي

حرّك المؤشر فوق البطاقة

تفاعل مباشر

مكوّن React + Framer Motion — بدون صورة خارجية.

كود حي

اضغط لتغيير الخيار

المحدد: نمو

كود حي

جرّب المفتاح

ألوان داكنة للوحة تحكم أو موقع تقني.

كود حي

اسحب الشريط

قديمجديد

نسبة العرض: 52%

كود حي

مرّر فوق الأيقونات

كود حي

اضغط لإظهار تنبيه

كود حي

التالي / السابق

الفكرة

التصميم

التسليم

جمع المتطلبات وتحديد نطاق الواجهة.

كود حي

مرّر حتى يظهر في الشاشة

مثال: مشاريع منجزة