01 · التخطيط
تصميم متجاوب
تخطيطات للجوال والأجهزة اللوحية وسطح المكتب من مجموعة مكونات واحدة، مع قائمة للجوال وأهداف لمس بارتفاع 44px.
اعرف المزيد: تصميم متجاوبمجاني
قالب صفحة هبوط ثلاثي الأبعاد
مجاني
$0قالب مجاني
مفتوح المصدر، مجاني للاستخدام الشخصي والتجاري
قالب صفحة هبوط ثلاثي الأبعاد
قالب خفيف وملفت ثلاثي الأبعاد مبني باستخدام Next.js App Router و Three.js و GSAP و Tailwind CSS.
- Real-time Three.js 3D animation
- Responsive design (mobile/tablet/desktop)
- Tailwind CSS styling
قالب خفيف وملفت ثلاثي الأبعاد مبني باستخدام Next.js App Router و Three.js و GSAP و Tailwind CSS.
- Real-time Three.js 3D animation
- Responsive design (mobile/tablet/desktop)
- Tailwind CSS styling
مجاني
$0قالب مجاني
مفتوح المصدر، مجاني للاستخدام الشخصي والتجاري
شيفرة مصدرية كاملة
5 (17 تقييمًا)
فاتورة متاحةبعد الشراء، يمكنك تنزيل فاتورة PDF وإدارة بيانات الفوترة (الرقم الضريبي، عنوان الشركة) في أي وقت عبر بوابة عملاء Paddle
المشترون الأخيرون
تحديثات في الوقت الفعلي
a*c
عملية شراء موثقة
منذ 6 ساعات
D*****a
عملية شراء موثقة
منذ 19 ساعات
t*****r
عملية شراء موثقة
أمس
J*****h
عملية شراء موثقة
أمس
أهم الدول
بناءً على مواقع الشراء
India
عمليات الشراء
54%
United States
عمليات الشراء
17%
Indonesia
عمليات الشراء
16%
Brazil
عمليات الشراء
13%
تعليقات المجتمع
قالب صفحة هبوط ثلاثي الأبعاد جاهز للإنتاج (Next.js 15 App Router) يوضح كيفية دمج مشاهد WebGL عالية الأداء باستخدام Three.js و GSAP.
متوافق مع السيو، متجاوب، ومبني بـ React 19 و Tailwind CSS 4 و TypeScript. يركز على: بيانات منظمة، تحسين الوصول، التحميل الكسول لأصول 3D الثقيلة، تقليل حجم الحزمة، ورسوم متحركة سلسة مسرّعة بواسطة GPU.
ماذا ستتعلم:
• دمج Canvas خاص بـ Three.js داخل تخطيط Next.js.
• تشغيل خطوط زمنية GSAP اعتماداً على التمرير وظهور العناصر.
• التحميل الكسول وتحسين نماذج GLTF / ثلاثية الأبعاد.
• إنشاء قسم بطل منتجات غامر.
• الموازنة بين التأثير البصري و Core Web Vitals.
مثالي لعرض منتجات مشروبات أو تعبئة، هبوط تسويقي مميز، أو قاعدة تعليمية لممارسة تقنيات واجهات ثلاثية الأبعاد حقيقية في Next.js.
المواصفات التقنية
إطار العمل
Next.js 15.2.4
إصدار React
React 19
التنسيق
Tailwind CSS 4
TypeScript
نعم
متجاوب
جوال، جهاز لوحي، سطح المكتب
فترة الدعم
Life time مشمول
نصيحة احترافية: تتضمن جميع القوالب وثائق شاملة لمساعدتك على البدء بسرعة.
قوالب ذات صلة
مطعم
$179مطاعم
الحزمة الكاملة
جديد
ذكاء اصطناعي
Food Studio قالب مطعم متكامل بـ Next.js: موقع للطلب مع القائمة والوجبات المجمّعة والسلة والدفع وتتبع الطلب، ولوحة تحكم للفريق لإدارة الطلبات والقائمة والمطابخ، وواجهة API بـ NestJS، وأدوات ذكاء اصطناعي لصور الأطباق، بالإنجليزية والعربية مع RTL.
موقع طلبات للمطاعم
$79مطاعم
موقع الطلب
جديد
ذكاء اصطناعي
موقع طلبات للمطاعم مبني بـ Next.js 16 مع قائمة طعام ووجبات مجمّعة ومُنشئ وجبات وسلة ودفع وتتبع للطلبات وحسابات للعملاء، بالعربية والإنجليزية.
لوحة تحكم إدارية للمطاعم
$99مطاعم
لوحة تحكم الفريق
جديد
ذكاء اصطناعي
لوحة تحكم إدارية للمطاعم مبنية بـ Next.js 16 لإدارة الطلبات والقائمة والفئات والعملاء والمطابخ والفريق، مع استوديو ذكاء اصطناعي لصور الأطباق، بالعربية والإنجليزية.
المزايا التقنية
مصممة لكل شاشة ولكل مستخدم
كل قالب مميز متجاوب وسهل الوصول وسريع ومُعرّف الأنواع منذ أول سطر، لتبدأ إطلاقك من كود جاهز للإنتاج.
اعرف المزيد: تصميم متجاوب02 · للجميع
إمكانية الوصول
HTML دلالي وعناصر تحكم مُسمّاة وإطار تركيز ظاهر عند التنقل بلوحة المفاتيح ودعم تقليل الحركة.
اعرف المزيد: إمكانية الوصول03 · السرعة
أداء عالي
صور وخطوط محسّنة وبيانات مخزنة مؤقتًا وبيانات وصفية لكل مسار.
اعرف المزيد: أداء عالي04 · الأنواع
دعم تايب سكريبت
TypeScript صارم في كل تطبيق، مع خصائص وردود API ونماذج بيانات مُعرّفة الأنواع.
اعرف المزيد: دعم تايب سكريبتميزات المستوى المؤسسي المضمنة
تجربة المطور
- TypeScript 5.0+ مع فحص صارم للأنواع
- بنية مكونات الخادم والعميل
- دليل بدء سريع وتوثيق للميزات
تجربة المستخدم والأداء
- نظام تصميم متجاوب يعطي الأولوية للهاتف المحمول
- ترميز يراعي إمكانية الوصول مع ARIA والتنقل بلوحة المفاتيح
- عرض سريع بفضل مكونات الخادم والموارد المحسّنة
الصيانة والدعم
- الدعم مشمول مع شرائك
- تحديثات منتظمة للأمان وإطار العمل
- بنية دلالية محسنة لمحركات البحث
تفضيلات ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط لتعزيز تجربة التصفح الخاصة بك وتحليل حركة المرور على الموقع وتخصيص المحتوى. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط للتحليلات والإعلانات المخصصة.