أفضل قوالب صفحات هبوط Next.js لعام 2026 (مجانية ومدفوعة)

هذه قائمة موجّهة للمشترين بأفضل قوالب صفحات هبوط Next.js لعام 2026، المجانية والمدفوعة، للمؤسسين والمطورين والوكالات الذين يحتاجون إلى نشر صفحة لمنتج SaaS أو شركة ناشئة أو منتج أو شركة هذا الأسبوع لا الشهر المقبل. نذكر لكل قالب الاستخدام الأنسب له، والتقنيات التي بُني بها، وسعره، وقيدًا واحدًا بصراحة، حتى تختار خلال دقائق وتقضي بقية الأسبوع في كتابة نصوصك.

راجعنا كل قالب على صفحاته الرسمية في أكتوبر 2026. يُعدّ Next.js 16 الإصدار الرئيسي الحالي، ونوضح أي القوالب تعمل عليه بالفعل وأيها لا يزال على Next.js 15. وهناك تغيير مهم إن كنت تنوي شراء Salient أو Radiant: أغلقت Tailwind Plus باب التسجيل أمام العملاء الجدد في سبتمبر 2026، لذلك لا يظهر هذان القالبان في هذه القائمة. ويشرح قسم الأسئلة الشائعة ما حدث.

القالب	نوع الصفحة	الحركة	CMS أو مدونة	العربية/RTL	السعر	الترخيص
صفحة هبوط Aniq UI (Publino)	الأعمال ومنتجات SaaS	Framer Motion	بلا مدونة	الإنجليزية والعربية (RTL)	من $79	مشاريع تجارية غير محدودة، بما فيها أعمال العملاء
Aniq UI SaaS Pro	إطلاق منتج SaaS، متعدد الصفحات	Framer Motion 12، GSAP، WebGL	مدونة مضمّنة، المقالات مخزّنة في الكود (بلا CMS)	الإنجليزية والعربية (RTL)	من $79	مشاريع تجارية غير محدودة، بما فيها أعمال العملاء
صفحة هبوط ثلاثية الأبعاد من Aniq UI	منتج واحد، ثلاثي الأبعاد	Three.js و GSAP	غير مذكور	غير مذكور	مجاني	مفتوح المصدر، للاستخدام الشخصي والتجاري
صفحة هبوط SaaS مع الأسعار من Aniq UI	SaaS، مع جدول أسعار	غير مذكور	غير مذكور	غير مذكور	مجاني	MIT
Cruip Open PRO	SaaS وشركات ناشئة، 12 صفحة	غير محدد (صفحات Cruip المجانية تستخدم AOS)	صفحة مدونة مضمّنة	غير محدد	من $49 (أكتوبر 2026)	مشاريع غير محدودة، بلا إعادة بيع
Shadcnblocks	SaaS ومنتجات ووكالات ومعارض أعمال وغيرها	Motion في مستودع Mainline المجاني	MDX في بعضها، وإضافات Payload أو Sanity	غير محدد	من مجاني إلى $299 (أكتوبر 2026)	مواقع عملاء غير محدودة، بلا إعادة بيع
Magic UI Pro	شركات ناشئة، SaaS، وكلاء ذكاء اصطناعي، أدوات مطورين، تطبيقات جوال	Framer Motion	مدونة MDX في 3 قوالب	غير محدد	$199 دفعة واحدة (أكتوبر 2026)	تجاري، بلا إعادة بيع
Aceternity UI Pro	SaaS، شركات ذكاء اصطناعي ناشئة، وكالات، معارض أعمال	Framer Motion (Motion)	MDX ظاهر في بعضها	غير محدد	من $49 (أكتوبر 2026)	منتجات نهائية غير محدودة، بلا إعادة بيع
Launch UI	أقسام لمنتجات SaaS والذكاء الاصطناعي وأدوات المطورين وتطبيقات الجوال	حركات CSS	لا	غير محدد	مجاني، و Pro بسعر $99 (أكتوبر 2026)	MIT (المجموعة المجانية)
Next.js SaaS Starter	صفحة هبوط SaaS مع تطبيق	عنصر طرفية متحرك	لا	غير محدد	مجاني	MIT

أفضل قوالب صفحات هبوط Next.js في 2026

1. قالب صفحة هبوط Next.js من Aniq UI (Publino)

الأنسب لـ: شركات البرمجيات والشركات الناشئة ومواقع الأعمال التي تريد صفحة هبوط احترافية جاهزة على Next.js 16، بالإنجليزية والعربية، لإطلاق منتج أو لحملة تسويقية.

قالب صفحة هبوط Next.js باسم Publino من Aniq UI صفحة احترافية لشركات البرمجيات والشركات الناشئة ومنصات SaaS. يبدأ بقسم رئيسي فيه أشكال متحركة في الخلفية وأزرار دعوة لاتخاذ إجراء، يليه نموذج تفاعلي للوحة تحكم يضم جداول لعمليات النشر وبطاقات لمؤشرات الأداء (KPI) ورسومًا بيانية، ما يجعله خيارًا طبيعيًا لأدوات المطورين والمنتجات السحابية وبرمجيات B2B. وتحت ذلك قسم لعرض الميزات مع مقاييس الأداء، وجدول أسعار قابل للتصفية مع مقارنة بين الخطط، وأسئلة شائعة مرتبة حسب الفئة، وصفحة تواصل يُتحقق من نموذجها باستخدام React Hook Form و Zod. يتكون الموقع من ثلاث صفحات: الرئيسية والأسعار والتواصل.

بُني القالب على App Router في Next.js 16 مع React 19 و TypeScript و Tailwind CSS 4، ويستخدم Framer Motion للحركة و Recharts للرسوم البيانية و Radix UI أساسًا للمكونات. الإنجليزية والعربية (RTL) مُعدّتان عبر next-intl، ويتبع الوضعان الداكن والفاتح إعدادات نظام الزائر. وهو إحدى صفحتَي الهبوط ضمن حزمة Aniq UI التي تضم عشرة قوالب Next.js احترافية.

• القسم الرئيسي، ونموذج لوحة التحكم، والميزات، وجدول الأسعار القابل للتصفية، والأسئلة الشائعة، ونموذج تواصل مع التحقق من الحقول
• الإنجليزية والعربية مع دعم RTL عبر next-intl
• الوضع الداكن والفاتح مع اكتشاف تفضيل النظام
• وسوم Meta و Open Graph وبيانات منظمة لتحسين الظهور في محركات البحث (SEO)
• مكونات تفاعلية مثل كرة أرضية وخريطة للعالم وتلميحات متحركة ومقياس دائري
• مشاريع تجارية غير محدودة بما فيها أعمال العملاء، ودفعة واحدة مع تحديثات مجانية

التقنيات: Next.js 16 (App Router)، React 19، TypeScript، Tailwind CSS 4، Framer Motion، Recharts، Radix UI، next-intl، React Hook Form، Zod.

السعر: من $79.

ما يجب معرفته: لا يحتوي Publino على مدونة ولا على صفحات تسجيل دخول. إذا احتاج إطلاقك إلى مدونة وشاشات دخول وصفحات قانونية منذ اليوم الأول، فإن قالب SaaS Pro التالي يتضمنها.

2. قالب Next.js لمنتجات SaaS من Aniq UI (SaaS Pro)

الأنسب لـ: منتج SaaS أو خدمة اشتراكات تحتاج إلى موقع تسويقي كامل، فيه صفحات الأسعار والمدونة وتسجيل الدخول والصفحات القانونية، بالإنجليزية والعربية.

قالب SaaS Pro من Aniq UI المبني بـ Next.js صفحة هبوط احترافية مصممة لشركات SaaS والشركات الناشئة في مجال البرمجيات وخدمات الاشتراك. يجمع القسم الرئيسي بين رسائل موجهة للشركات الناشئة وأزرار دعوة لاتخاذ إجراء ومعاينة للوحة تحليلات بتصميم داكن. ولا يقف عند صفحة واحدة: فهو يأتي بصفحات الرئيسية والأسعار والمدونة والتواصل، وشاشات تسجيل الدخول وإنشاء الحساب واستعادة كلمة المرور، وصفحات قانونية وصفحات أخطاء.

يعمل على Next.js 16 و React 19 و Tailwind CSS 4 و TypeScript، مع Framer Motion 12 و GSAP للحركة وتأثيرات جزيئات بتقنية WebGL. وتشمل مكوناته تأثيرات زجاجية ونماذج للوحات التحكم وأرقامًا متحركة وبطاقات أسعار ومقارنات بين الميزات وخريطة للعالم، مع Recharts للرسوم البيانية و React Hook Form مع Zod للنماذج. الإنجليزية والعربية (RTL) مدمجتان عبر next-intl، ونظام اللغات قابل للتوسيع.

• صفحات الرئيسية والأسعار والمدونة والتواصل وتسجيل الدخول والصفحات القانونية وصفحات الأخطاء
• مدونة مضمّنة مع بحث وتصنيفات وتقسيم إلى صفحات، والمقالات مخزّنة في الكود (بلا CMS)
• الإنجليزية والعربية مع دعم RTL عبر next-intl
• Framer Motion 12 و GSAP وتأثيرات جزيئات WebGL
• مكونات SaaS: مقاييس، وجداول أسعار، ومقارنات بين الميزات، وأرقام متحركة
• React Hook Form مع التحقق عبر Zod، و Recharts للرسوم البيانية
• مشاريع تجارية غير محدودة بما فيها أعمال العملاء، ودفعة واحدة مع تحديثات مجانية

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، Framer Motion 12، GSAP، WebGL، Recharts، next-intl، React Hook Form، Zod.

السعر: من $79.

ما يجب معرفته: تصميمه داكن ومبني لمنتج SaaS واحد، لذا ستجد شركات الخدمات في Publino أو في قالب الشركات المجاني (القالب رقم 4) نقطة انطلاق أقرب. المدونة مضمّنة، ومقالاتها مخزّنة في الكود (ملف بيانات محدد الأنواع مع ملفات رسائل بالإنجليزية والعربية) بدلًا من نظام لإدارة المحتوى، لذا ينشر المطور كل مقال بنفسه ما لم تربط نظام إدارة محتوى باستبدال ملف البيانات هذا. واجتماع Framer Motion و GSAP و WebGL يعني حركة كثيرة، فاختبره على هاتف متوسط الفئة.

3. قالب صفحة هبوط ثلاثية الأبعاد من Aniq UI (مجاني)

الأنسب لـ: إطلاق منتج واحد يحتاج إلى قسم رئيسي ثلاثي الأبعاد، مثل علامة تجارية للعصائر أو منتج معبأ، وللمطورين الذين يتعلمون Three.js داخل App Router.

قالب صفحة الهبوط ثلاثية الأبعاد المجاني من Aniq UI صفحة منتج فيها رسوم متحركة ثلاثية الأبعاد في الوقت الفعلي عبر Three.js وحركات مرتبطة بالتمرير عبر GSAP، وهي مبنية باستخدام App Router في Next.js 15 و React 19 و Tailwind CSS 4 و TypeScript. وتركّز صفحة المنتج الخاصة به على البيانات الوصفية المنظمة، والترميز الذي يراعي سهولة الوصول، والتحميل الكسول للعناصر ثلاثية الأبعاد الثقيلة، وتقليل حجم الحزمة، والحركات المسرّعة بمعالج الرسوميات، وهي التفاصيل التي تحدد هل تبقى صفحة ثلاثية الأبعاد صالحة للاستخدام على الهاتف أم لا.

ويصلح القالب أيضًا مثالًا تطبيقيًا. فالكود يبيّن كيف تضع لوحة رسم Three.js داخل تخطيط Next.js، وتشغّل خطوط GSAP الزمنية عند التمرير وعند ظهور العنصر في الشاشة، وتحمّل نماذج GLTF تحميلًا كسولًا وتحسّنها، وتوازن بين التفاصيل البصرية و Core Web Vitals. ويشرح دليلنا لقالب صفحة الهبوط ثلاثية الأبعاد المجاني ما يحتويه وكيف تبدأ.

• رسوم متحركة ثلاثية الأبعاد في الوقت الفعلي عبر Three.js
• خطوط GSAP زمنية تعمل مع التمرير وظهور العناصر في الشاشة
• تحميل كسول وتحسين لعناصر GLTF ثلاثية الأبعاد
• بيانات وصفية منظمة وترميز يراعي سهولة الوصول
• تصميم متجاوب على الجوال والجهاز اللوحي وسطح المكتب
• مفتوح المصدر ومجاني للمشاريع الشخصية والتجارية

التقنيات: Next.js 15.2.4 (App Router)، React 19، TypeScript، Tailwind CSS 4، Three.js، GSAP.

السعر: مجاني.

ما يجب معرفته: يعمل على Next.js 15 لا 16، وهو واجهة عرض لمنتج واحد وليس موقع SaaS كاملًا. عليك أن تضيف صفحات الأسعار والمدونة والتواصل بنفسك.

4. قالب صفحة هبوط SaaS مع الأسعار من Aniq UI (مجاني)

الأنسب لـ: صفحة SaaS مجانية بترخيص MIT مع جدول أسعار، يمكنك نشرها هذا الأسبوع.

قالب صفحة هبوط SaaS المجاني مع الأسعار مصمم للشركات الناشئة ومنصات SaaS والتطبيقات السحابية. ويغطي الأقسام التي تحتاجها معظم صفحات SaaS أولًا: قسمًا رئيسيًا، وعرضًا للميزات، وجدول أسعار، ونموذج تواصل لجمع العملاء المحتملين. يعمل على Next.js 15 و React 19 و Tailwind CSS 4 و TypeScript، ويأتي الكود المصدري كاملًا بترخيص MIT.

ومن العائلة نفسها قالبان مجانيان آخران بترخيص MIT. يضم قالب موقع الشركات المجاني مع دراسات الحالة (Nova) أقسامًا لدراسات الحالة وملفات أعضاء الفريق ونماذج التواصل، وهو موجّه لشركات الاستشارات والخدمات المهنية. أما قالب معرض الأعمال المجاني لوكالات تصميم المواقع (Mono) فيأتي بتصميم بسيط بأسلوب Brutalist مع وضع داكن واشتراك في النشرة البريدية ومشاركة على الشبكات الاجتماعية، للمستقلين والاستوديوهات الصغيرة. ونقارن بين الثلاثة في دليلنا لقوالب صفحات الهبوط المجانية.

• قسم رئيسي، وعرض للميزات، وجدول أسعار، ونموذج تواصل
• Next.js 15 و React 19 و Tailwind CSS 4، مع الكود المصدري كاملًا
• ترخيص MIT، مجاني للمشاريع الشخصية والتجارية
• تصميم متجاوب
• قالبان شقيقان مجانيان للشركات (Nova) والوكالات (Mono) للمواقع التي ليست لمنتجات SaaS

التقنيات: Next.js 15، React 19، TypeScript، Tailwind CSS 4.

السعر: مجاني.

ما يجب معرفته: يعمل على Next.js 15 لا 16، ولا تذكر صفحة المنتج مدونة ولا نظامًا لإدارة المحتوى ولا نسخة عربية ولا تكاملًا مع بوابة دفع. تعامل معه كنقطة انطلاق نظيفة: أنت من يربط جدول الأسعار بصفحة الدفع ويضيف أي صفحات إضافية.

5. Cruip Open PRO

الأنسب لـ: موقع SaaS متعدد الصفحات منخفض التكلفة، فيه صفحات الأسعار والمدونة ومركز المساعدة، على Next.js 16.

يوصف Open PRO من Cruip بأنه «قالب موقع SaaS داكن وأنيق لعرض شركتك الناشئة أو برنامجك». يضم 12 صفحة، منها الرئيسية ومن نحن والأسعار والمدونة ومركز المساعدة والتواصل والنشرة البريدية. وتستخدم نسخة Next.js الإصدار Next.js 16 مع TypeScript و Tailwind CSS v4، ويتوفر التصميم نفسه بنسختي HTML و Vue مع ملف Figma للرجوع إليه.

وتقدّم Cruip أيضًا صفحتي هبوط Next.js مجانيتين على GitHub. يصدر Simple Light (4.5 ألف نجمة، أكتوبر 2026) و Open (4.7 ألف نجمة، أكتوبر 2026) بترخيص GPL، ويستخدمان Tailwind CSS v4 ومكتبة AOS لحركات التمرير، ويعملان على Next.js 15 بحسب ملفات package.json الخاصة بهما. وتسمح ملفات README الخاصة بهما بالمشاريع الشخصية والتجارية، لكنها لا تسمح بإعادة نشر القالب أو إعادة توزيعه أو إعادة بيعه. أما صفحات الهبوط المدفوعة الأخرى من Cruip، مثل Relay و Cadence، فسعرها $79.

• 12 صفحة، منها الأسعار والمدونة ومركز المساعدة
• Next.js 16 و TypeScript و Tailwind CSS v4
• نسختا HTML و Vue إضافة إلى ملف Figma
• مشاريع شخصية وتجارية غير محدودة، مع السماح بأعمال العملاء
• قالبان شقيقان مجانيان بترخيص GPL (Simple Light و Open) على GitHub

التقنيات: Next.js 16، TypeScript، Tailwind CSS v4 (Open PRO).

السعر: من $49 (أكتوبر 2026). والقالبان Simple Light و Open مجانيان.

ما يجب معرفته: تمنع شروط Cruip استضافة القوالب أو إعادة بيعها أو إعادة توزيعها، ويغطي الدعم سنة واحدة من تاريخ الشراء. ولا تذكر صفحة Open PRO أي نظام لإدارة المحتوى، لذا تحتاج صفحات المدونة إلى مصدر محتوى خاص بك. ولا ذكر للعربية أو RTL.

6. قوالب Shadcnblocks

الأنسب لـ: الفرق التي تستخدم shadcn/ui بالفعل وتريد أوسع خيار من أنواع الصفحات مع نظام اختياري لإدارة المحتوى.

تبيع Shadcnblocks واحدًا وعشرين قالبًا (21) مبنية بـ shadcn/ui و Tailwind 4، بإصدارات لـ Next.js 16 و Astro 6 مع React 19 و TypeScript. ويغطي جانبها التسويقي منتجات SaaS وأدوات المطورين والتقنية المالية والمنتجات المفردة ومواقع الشركات والوكالات ومعارض الأعمال، مع صفحات هبوط مثل Lumen و Relative و Streamline و Sonic، ومواقع أكبر مثل Scalar الذي يضم 30 صفحة. وتستخدم بعض القوالب MDX للمحتوى، ويُباع Payload CMS و Sanity CMS كإضافات.

أما القالب المجاني Mainline فيوصف بأنه «قالبنا الأكثر شعبية». يضم 8 صفحات (الرئيسية ومن نحن والأسعار والأسئلة الشائعة والتواصل وتسجيل الدخول وإنشاء الحساب) وعرضًا تجريبيًا عامًا. ويستخدم مستودعه العام على GitHub الإصدار Next.js 15.5 مع Tailwind 4 و Motion، وترخيصه MIT مرفق به شرط Commons Clause، لذا اقرأ ملف LICENSE قبل أن تبني منتجًا تجاريًا يعتمد عليه بشكل أساسي.

• 21 قالبًا بإصدارات Next.js 16 و Astro 6
• shadcn/ui و Tailwind 4 و React 19 و TypeScript
• محتوى MDX في بعض القوالب، وإضافات Payload CMS و Sanity CMS
• ملفات Figma مع كثير من القوالب
• ترخيص تجاري لعدد غير محدود من مواقع العملاء والأعمال
• قالب Mainline المجاني بـ 8 صفحات

التقنيات: Next.js 16 أو Astro 6، React 19، TypeScript، Tailwind 4، shadcn/ui.

السعر: Mainline مجاني. القوالب الفردية من $79، أو القوالب الـ 21 كلها بسعر $299 (أكتوبر 2026).

ما يجب معرفته: يمنع الترخيص إعادة بيع القالب أو عرضه في متجر قوالب أو استخدامه لإنتاج مجموعة منافسة. ولا ذكر للعربية أو RTL، ولا يزال مستودع Mainline العام على GitHub يعمل على Next.js 15.5.

7. Magic UI Pro

الأنسب لـ: صفحات متحركة للشركات الناشئة ومنتجات SaaS مبنية من مكونات shadcn/ui و Motion، عندما تنوي إطلاق أكثر من صفحة.

Magic UI Pro هو قسم القوالب المدفوعة من Magic UI، التي تقدّم مكتبة مفتوحة المصدر لمكونات React المتحركة بترخيص MIT ولديها 22.7 ألف نجمة على GitHub (أكتوبر 2026). ويتضمن Pro تسعة قوالب: Startup و SaaS و AI Agent و Dev Tool و Codeforge و Mobile و Portfolio و Changelog و Blog، إضافة إلى أكثر من 50 قسمًا. ويذكر كل قالب Next.js و React و Tailwind CSS و Framer Motion، وتتضمن قوالب Codeforge و Dev Tool و Blog مدونة MDX.

لكل قالب معاينة مباشرة متاحة للعموم، ما يسهّل مقارنة أسلوب الحركة بهوية علامتك قبل الدفع. والمكتبة المجانية مصدر جيد لتأثيرات إضافية بعد أن يستقر القالب.

• 9 قوالب للشركات الناشئة و SaaS ووكلاء الذكاء الاصطناعي وأدوات المطورين وتطبيقات الجوال
• Next.js و React و TypeScript و Tailwind CSS و shadcn/ui و Framer Motion
• مدونة MDX في Codeforge و Dev Tool و Blog
• دفعة واحدة مع تحديثات مدى الحياة
• مكتبة مكونات مجانية بترخيص MIT لتوسيع القوالب

التقنيات: Next.js، React، TypeScript، Tailwind CSS، shadcn/ui، Framer Motion.

السعر: $199 دفعة واحدة (أكتوبر 2026).

ما يجب معرفته: لا تذكر صفحة Pro أرقام الإصدارات، لذا تحقق من إصدارَي Next.js و Tailwind بعد التنزيل. يسمح الترخيص بالاستخدام التجاري ويمنع إعادة التوزيع وإعادة البيع، ولا يتناول مباشرة تسليم المشاريع للعملاء أو الاستخدام ضمن فريق. إن كنت وكالة، فاسأل Magic UI قبل أن تسلّم موقعًا لعميل.

8. قوالب Aceternity UI Pro

الأنسب لـ: شركات الذكاء الاصطناعي الناشئة والوكالات التي تريد صفحات مليئة بالتفاعلات الدقيقة وتفضّل شراء قالب واحد في كل مرة.

تعرض Aceternity UI سبعة عشر قالبًا (17) من فئة Pro: صفحات لمنتجات SaaS وشركات الذكاء الاصطناعي الناشئة (Simplistic SaaS و AI SaaS و Nodus و Agenforce)، وصفحات هبوط للشركات الناشئة والتسويق (Startup Landing Page و Foxtrot و Playful و Proactiv و Schedule)، وقوالب للوكالات، ومعارض أعمال للمطورين. وتذكر صفحة القوالب أنها مبنية بـ React و Next.js و Tailwind CSS و Motion و TypeScript. وتذكر صفحة Simplistic SaaS الإصدارات Next.js 15 و React 19 و Tailwind CSS 4.0، ويأتي Startup Landing Page Template مع صفحة تسجيل دخول ونافذة حجز من Cal.com.

كل صفحة قالب راجعناها لهذا المقال تتضمن رابطًا لمعاينة مباشرة. وتغطي خطة All-Access القوالب السبعة عشر كلها بدفعة واحدة، وهي الصفقة الأفضل حين تحتاج إلى أكثر من أربعة قوالب.

• 17 قالبًا في مجالات SaaS والذكاء الاصطناعي والوكالات ومعارض الأعمال
• Next.js و Tailwind CSS و Motion و TypeScript، مع MDX ظاهر في عدد منها
• الوضع الداكن وتحسين SEO وتخطيطات الجوال مذكورة في صفحات القوالب
• ترخيص يسمح بعدد غير محدود من المنتجات النهائية لك أو لعملائك
• خطة مجانية بأكثر من 100 مكوّن

التقنيات: Next.js، React، TypeScript، Tailwind CSS، Motion (تختلف الإصدارات من قالب لآخر).

السعر: من $49 للقالب الواحد، أو $199 لخطة All-Access مدى الحياة (أكتوبر 2026).

ما يجب معرفته: تختلف الإصدارات بين القوالب، فتحقق من كل قالب قبل الشراء. ويمنع الترخيص بيع القالب، أو القوالب المشتقة منه، في أي متجر قوالب. ولا ذكر للعربية أو RTL.

9. Launch UI

الأنسب لـ: مجموعة مجانية لصفحات الهبوط مبنية بـ shadcn/ui وبترخيص MIT، تعمل بالفعل على Next.js 16.

Launch UI مجموعة مجانية مفتوحة المصدر من مكونات صفحات الهبوط مبنية بـ Next.js 16 و shadcn/ui و Tailwind CSS 4 و TypeScript. وتتضمن المجموعة المجانية مكونات لشريط التنقل والقسم الرئيسي وشبكات الميزات والأسعار والشعارات والأسئلة الشائعة والإحصاءات والدعوة لاتخاذ إجراء والتذييل، مع وضع داكن وحركات منفّذة بـ CSS. ويوجّهها ملف README إلى أدوات المطورين ومنتجات الذكاء الاصطناعي و SaaS وتطبيقات الجوال والشركات الناشئة.

Launch UI Pro شراء لمرة واحدة يضم 7 قوالب و 74 كتلة وقسمًا و 23 رسمًا توضيحيًا و 15 حركة مخصصة. وقوالب المواقع في Pro هي Saturn (SaaS) و Jupiter (تحليلات البيانات) و Neptune (منتج ذكاء اصطناعي) و Luna (أدوات المطورين) و Pluto (تطبيق جوال).

• Next.js 16 و Tailwind CSS 4 و shadcn/ui و TypeScript
• ترخيص MIT للمجموعة المجانية
• الخطة المجانية: قالب موقع واحد، و 9 كتل، و 4 حركات مخصصة
• الحركات مبنية على حركات CSS وانتقالاتها
• نسخة Pro: سبعة قوالب (7) بدفعة واحدة

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، shadcn/ui، أيقونات Lucide.

السعر: مجاني. و Pro بسعر $99 دفعة واحدة، و Pro Team بسعر $499 (أكتوبر 2026).

ما يجب معرفته: المجموعة المجانية مجموعة أقسام وليست موقعًا كاملًا، لذا عليك بناء صفحات المدونة والصفحات القانونية وصفحة التواصل بنفسك. ولا تذكر صفحة الأسعار شروط ترخيص Pro، فتحقق منها قبل العمل لعملاء. ومع 868 نجمة على GitHub (أكتوبر 2026)، فإن مجتمعها أصغر من مجتمعات الخيارات المجانية الأخرى.

10. Next.js SaaS Starter

الأنسب لـ: قالب انطلاق مجاني تقوم فيه صفحة الهبوط فوق نظام تسجيل دخول يعمل، ومدفوعات عبر Stripe، وقاعدة بيانات.

يوجد Next.js SaaS Starter ضمن منظمة nextjs الرسمية على GitHub ولديه 16.2 ألف نجمة (أكتوبر 2026). ويأتي بصفحة هبوط تسويقية فيها عنصر طرفية متحرك، وصفحة أسعار متصلة بـ Stripe Checkout، ومصادقة بالبريد الإلكتروني وكلمة المرور مع رموز JWT مخزنة في ملفات تعريف الارتباط (cookies)، وصفحات لوحة تحكم للمستخدمين والفرق. وتُدار الاشتراكات عبر Stripe Customer Portal.

إنه الخيار الوحيد هنا الذي يستقبل المدفوعات من اليوم الأول. إذا كانت صفحة الهبوط موجودة لبيع اشتراك، فهذا يوفر عليك أبطأ جزء من العمل.

• صفحة هبوط وصفحة أسعار متصلة بـ Stripe Checkout
• Stripe Customer Portal لإدارة الاشتراكات
• تسجيل الدخول بالبريد الإلكتروني وكلمة المرور، ولوحة تحكم للمستخدمين والفرق
• Postgres مع Drizzle ORM، و shadcn/ui
• ترخيص MIT وعرض تجريبي عام

التقنيات: Next.js 15 (نسخة canary 15.6 في package.json)، React 19.1، Tailwind CSS 4.1، Postgres، Drizzle، Stripe، shadcn/ui.

السعر: مجاني.

ما يجب معرفته: صفحة الهبوط نقطة انطلاق وليست موقعًا تسويقيًا مكتمل التصميم، فخطط لتصميمها أو لدمجها مع أحد القوالب السابقة. وتحتاج إلى قاعدة بيانات Postgres وحساب Stripe لتشغيله، ولا تزال الترقية إلى Next.js 16 بانتظارك.

كيف تختار قالب صفحة هبوط Next.js

ابدأ بما يجب أن تؤديه الصفحة، ثم تحقق من إطار العمل والحركة والمحتوى والترخيص. لقطة الشاشة الجميلة آخر ما تقارنه، لا أوله.

1. ابدأ من الصفحة التي تحتاجها، لا من العرض التجريبي الذي أعجبك

تنقسم صفحات الهبوط إلى أنواع واضحة قليلة، ولكل نوع أقسام مختلفة:

• منتج SaaS: قسم رئيسي مع معاينة للمنتج، والميزات، والأسعار، والأسئلة الشائعة، والتسجيل. القوالب 1 و 2 و 4 و 5 و 10.
• شركة ناشئة أو منتج ذكاء اصطناعي: قسم رئيسي قوي، ودليل اجتماعي، وقائمة انتظار أو حجز عرض تجريبي. القوالب 7 و 8 و 9.
• منتج أو علامة تجارية واحدة: قسم رئيسي واحد يبيع المنتج، غالبًا بعناصر ثلاثية الأبعاد أو فيديو. القالب 3.
• شركة أو وكالة: الخدمات ودراسات الحالة والفريق والتواصل. نسختا الشركات والوكالات من القالب 4، و Publino، وقوالب الشركات والوكالات من shadcnblocks.

2. تحقق من إصدار Next.js ونوع الموجّه (Router)

صدر Next.js 16 في 21 أكتوبر 2025. وجعل Turbopack أداة التجميع الافتراضية، ورفع الحد الأدنى لإصدار Node.js إلى 20.9، وغيّر اسم middleware.ts إلى proxy.ts. القالب المبني على Next.js 15 لا يزال يعمل، لكنك ستتولى الترقية بنفسك. في هذه القائمة، يعمل قالبا Aniq UI المدفوعان و Cruip Open PRO و Launch UI وإصدارات shadcnblocks الحالية على Next.js 16. أما قوالب Aniq UI المجانية وصفحات Cruip المجانية ومستودع Mainline العام و Next.js SaaS Starter فهي على الإصدار 15.

وتحقق أيضًا من الموجّه. فقالب انطلاق مجاني شهير مثل Next.js Landing Page Starter Template من ixartz لا يزال يصف نفسه بأنه مبني على Next.js 14 مع Tailwind CSS 3، ويستخدم Pages Router. وهذا يتطلب إعادة كتابة أكبر بكثير من مجرد ترقية الإصدار.

3. وازن بين مكتبة الحركة وهواتف زوارك

الحركة جزء مما يجعل صفحة الهبوط تبيع، ولكل مكتبة كلفتها. يستخدم Launch UI حركات CSS. وتستخدم صفحات Cruip المجانية مكتبة AOS لإظهار العناصر عند التمرير. ويستخدم Magic UI و Aceternity UI و Mainline و Publino من Aniq UI مكتبة Motion (Framer Motion). ويضيف SaaS Pro من Aniq UI مكتبة GSAP وجزيئات WebGL فوق Framer Motion، ويستخدم القالب ثلاثي الأبعاد Three.js و GSAP. وكلما نزلت في هذه القائمة، زاد حجم JavaScript الذي تنزّله الزيارة الأولى، لذا اجعل الحركة على قدر المنتج. نادرًا ما تحتاج أداة للمطورين إلى مشهد ثلاثي الأبعاد؛ أما علامة عصائر فقد تحتاجه.

4. حدد أين سيعيش محتواك

تكتب معظم القوالب نصوصها مباشرة داخل المكونات. وهذا مناسب لصفحة تعدّلها مرتين في السنة. أما إذا كان فريق التسويق سينشر مقالات أو يغيّر الأسعار كل أسبوع، فاختر قالبًا يدعم MDX (قوالب Codeforge و Dev Tool و Blog من Magic UI، وعدد من قوالب shadcnblocks) أو خطط لنظام إدارة محتوى Headless من البداية. تبيع Shadcnblocks إضافات Payload CMS و Sanity CMS، ويتضمن Cruip Open PRO صفحات مدونة يمكنك ربطها بالمصدر الذي يفضله فريقك. ويتضمن SaaS Pro من Aniq UI مدونة مع البحث والتصنيفات والتقسيم إلى صفحات، ومقالاتها مخزّنة في الكود (بلا CMS)؛ ويمكن ربط نظام إدارة محتوى باستبدال ملف البيانات الخاص به.

5. اقرأ الترخيص قبل العمل لعملاء

يتيح لك ترخيص MIT (قوالب Aniq UI المجانية لمنتجات SaaS والشركات والوكالات، و Launch UI، و Next.js SaaS Starter) أن تفعل أي شيء تقريبًا. ويأتي ترخيص GPL (صفحات Cruip المجانية) بشروط الحقوق المتروكة (copyleft)، ويضيف ملف README من Cruip طلبًا بعدم إعادة البيع. وتختلف التراخيص التجارية في أعمال العملاء: قوالب Aniq UI المدفوعة تنص على مشاريع تجارية غير محدودة بما فيها أعمال العملاء، و Aceternity UI و shadcnblocks تسمحان بعدد غير محدود من مواقع العملاء، و Cruip تسمح بأعمال العملاء وفق شروطها، وترخيص Magic UI لا يذكر العملاء مباشرة. ولا يسمح لك أي منها بإعادة بيع القالب نفسه.

6. خطط للغات و RTL مبكرًا

إذا كنت تبيع في الشرق الأوسط أو شمال أفريقيا، فالنسخة العربية ليست مهمة ترجمة تؤجلها إلى وقت لاحق. فالتخطيط من اليمين إلى اليسار يمس كل هامش وأيقونة واتجاه حركة، وتعديله لاحقًا بطيء. يأتي قالبا Aniq UI المدفوعان بالإنجليزية والعربية مع RTL عبر next-intl، ونظام اللغات في SaaS Pro مبني لاستيعاب لغات أخرى. ولا تذكر أي من صفحات المنافسين التي راجعناها لهذه القائمة العربية أو RTL، لذا خصص وقتًا لذلك إن اخترت أحدها.

7. احسب الصفحات لا الأقسام

يحتاج الإطلاق الحقيقي عادة إلى أكثر من الصفحة الرئيسية: الأسعار، والتواصل، وسياسة الخصوصية، والشروط، وربما مدونة ورابط لتسجيل الدخول. يأتي SaaS Pro من Aniq UI بصفحات الأسعار والمدونة والتواصل وتسجيل الدخول والصفحات القانونية وصفحات الأخطاء. ويأتي Cruip Open PRO بـ 12 صفحة، و Mainline بـ 8، وتتراوح قوالب shadcnblocks بين 8 و 30 صفحة. أما مجموعات الأقسام مثل Launch UI فتمنحك اللبنات وتترك لك قائمة الصفحات.

أخطاء شائعة عند اختيار قالب صفحة هبوط

شراء مكتبة مكونات وأنت تحتاج إلى صفحة

تقدّم Magic UI و Aceternity UI و Launch UI جميعها مكتبات مكونات مجانية إلى جانب قوالبها المدفوعة. المكونات ممتازة لتوسيع صفحة، لكن تجميع صفحة هبوط كاملة منها يستغرق أيامًا. إذا كان موعدك النهائي هذا الأسبوع، فاشترِ قالبًا جاهزًا أو نزّله.

الإطلاق بمحتوى العرض التجريبي

تأتي العروض التجريبية للقوالب بشعارات وشهادات عملاء وأرقام للعرض فقط. وترك أي منها في موقع منشور يضر بالثقة أسرع مما يضر بها تصميم بسيط. استبدل كل شعار واقتباس وإحصائية بأخرى حقيقية، أو احذف القسم حتى تتوفر لديك.

تحريك كل قسم

قسم رئيسي واحد متحرك وقوي يبدو لمسة إتقان. أما الحركة في كل بطاقة وعنوان وزر فتبدو ضجيجًا وتبطئ الصفحة على الهواتف متوسطة الفئة. اجعل التأثيرات الثقيلة في الجزء الظاهر عند التحميل، ودع بقية الصفحة تمر بهدوء.

إهمال البيانات الوصفية وصور المشاركة وخريطة الموقع

ما يعد به القالب في SEO يخص بنيته لا محتواك. اكتب عنوانًا ووصفًا خاصين بكل صفحة، وأضف صورة معاينة للمشاركة على الشبكات الاجتماعية، وأنشئ خريطة موقع (sitemap) قبل الإطلاق، وإلا ستعرض محركات البحث ومعاينات الروابط القيم الافتراضية للقالب.

البدء من قالب انطلاق قديم لأن نجومه كثيرة

النجوم تقيس شعبية سابقة. قالب الانطلاق المبني على Pages Router أو Tailwind CSS 3 أو إصدار رئيسي قديم من Next.js سيكلفك ترقية قبل أن تكتب أول عنوان. تحقق من ملف package قبل الاستنساخ.

الأسئلة الشائعة

ما أفضل قالب صفحة هبوط Next.js مجاني؟

لصفحة SaaS تريد إطلاقها بسرعة: قالب صفحة هبوط SaaS المجاني مع الأسعار من Aniq UI (MIT) أو Launch UI (MIT، Next.js 16). ولمنتج واحد بقسم رئيسي ثلاثي الأبعاد: قالب صفحة الهبوط ثلاثية الأبعاد المجاني من Aniq UI.

Launch UI هو الخيار المجاني الوحيد في هذه القائمة الذي يعمل بالفعل على Next.js 16. ويمنحك قالب Aniq UI المجاني صفحة جاهزة بجدول أسعار ونموذج تواصل بدلًا من أقسام منفصلة، وتغطي نسختاه للشركات والوكالات المواقع التي ليست لمنتجات SaaS. أما Simple Light و Open من Cruip فخياران متينان بترخيص GPL مع حركات عند التمرير.

ما أفضل قالب صفحة هبوط Next.js مدفوع؟

لموقع جاهز وحديث بسعر ثابت: SaaS Pro من Aniq UI (مع مدونة وتسجيل دخول وصفحات قانونية) أو Publino (صفحة هبوط للأعمال ومنتجات SaaS)، بسعر يبدأ من $79 لكل منهما، على Next.js 16، بالإنجليزية والعربية مع RTL. ولمكتبة كبيرة تبني بها مواقع كثيرة، قارن بين shadcnblocks ($299 مقابل 21 قالبًا) و Magic UI Pro ($199 مقابل 9) و Aceternity UI All-Access ($199 مقابل 17).

الأسئلة الحاسمة هي نوع الصفحة، وأسلوب الحركة الذي تريده، وشروط الترخيص لأعمال العملاء، وقد تناولناها في قسم «كيف تختار» أعلاه.

هل Next.js مناسب لصفحات الهبوط؟

نعم، خاصة عندما تهمك الزيارات القادمة من محركات البحث. يولّد Next.js وسوم head للصفحة من Metadata API الخاصة به، ولديه اصطلاحات ملفات لصور المشاركة و robots.txt و sitemap.xml.

تصف وثائق Next.js واجهات Metadata APIs بأنها طريقة «لتعريف البيانات الوصفية لتطبيقك من أجل تحسين SEO وقابلية المشاركة على الويب». وتحسم الصفحات المولّدة مسبقًا بياناتها الوصفية وقت البناء. ومكوّن Image المدمج «يوسّع عنصر HTML <img> لتحسين الصور تلقائيًا»، وهذا يفيد في الصور الكبيرة للأقسام الرئيسية التي تستخدمها معظم صفحات الهبوط.

هل يمكنني إضافة نظام إدارة محتوى أو مدونة إلى قالب صفحة هبوط Next.js؟

نعم. يمكنك حفظ المقالات كملفات MDX في المستودع، أو ربط نظام إدارة محتوى Headless، أو البدء من قالب فيه صفحات مدونة بالفعل.

تتضمن قوالب Codeforge و Dev Tool و Blog من Magic UI Pro مدونة MDX. وتستخدم Shadcnblocks صيغة MDX في عدة قوالب وتبيع إضافات Payload CMS و Sanity CMS. ويتضمن Cruip Open PRO صفحات مدونة. ويتضمن SaaS Pro من Aniq UI مدونة، مقالاتها مخزّنة في الكود (ملف بيانات محدد الأنواع مع ملفات رسائل بالإنجليزية والعربية) بلا نظام لإدارة المحتوى؛ ولإدارة المقالات من نظام إدارة محتوى، استبدل ملف البيانات هذا باستدعاءات لنظام إدارة المحتوى الذي يستخدمه فريقك. أما Publino فلا يحتوي على مدونة.

هل يمكنني استخدام هذه القوالب في مشاريع تجارية ولعملاء؟

نعم في الغالب، لكن لا يسمح لك أي ترخيص هنا بإعادة بيع القالب نفسه. اقرأ الشروط الخاصة بأعمال العملاء قبل أن تبدأ.

تسمح قوالب Aniq UI المدفوعة بمشاريع تجارية غير محدودة بما فيها أعمال العملاء. وقوالبها المجانية مفتوحة المصدر ومجانية للمشاريع الشخصية والتجارية، وقوالب SaaS والشركات والوكالات منها بترخيص MIT. وتسمح Cruip بمشاريع شخصية وتجارية غير محدودة، بما فيها أعمال العملاء. وتسمح Shadcnblocks بعدد غير محدود من مواقع العملاء والأعمال. وتسمح Aceternity UI بعدد غير محدود من المنتجات النهائية لك أو لعملائك. ويسمح Magic UI Pro بالاستخدام التجاري لكنه لا يتناول تسليم المشاريع للعملاء مباشرة. أما المجموعة المجانية من Launch UI و Next.js SaaS Starter فبترخيص MIT.

هل لا يزال بإمكاني شراء قوالب Tailwind Plus مثل Salient أو Radiant؟

ليس كعميل جديد. في 9 سبتمبر 2026، أعلنت Tailwind Labs انضمامها إلى Shopify. ويحتفظ العملاء الحاليون بوصولهم إلى Tailwind Plus، لكن التسجيل مغلق أمام العملاء الجدد.

إذا كنت تملك Tailwind Plus بالفعل، فإن مقال إطلاق Radiant يصفه بأنه قالب تسويقي لمنتجات SaaS مبني بـ Next.js و Framer Motion و Tailwind CSS، مع مدونة تعمل بـ Sanity. وإن كنت على وشك شرائه لصفحة SaaS، فالقوالب 1 و 2 و 5 و 7 أعلاه تغطي الحاجة نفسها.

أين أجد قالب صفحة هبوط Next.js مجانيًا على GitHub؟

Launch UI (MIT)، و Simple Light و Open من Cruip (GPL)، و Mainline من shadcnblocks (MIT مع شرط Commons Clause)، و Next.js SaaS Starter (MIT) كلها متاحة للعموم على GitHub.

تحقق من ملف package قبل الاستنساخ: في أكتوبر 2026، Launch UI وحده من بين هذه الأربعة يعمل على Next.js 16. أما قوالب Aniq UI المجانية فتُنزّل من صفحات المنتجات الخاصة بها.

هل تبطئ صفحة الهبوط ثلاثية الأبعاد موقعي؟

إنها تضيف وزنًا، لذا اجعل العناصر ثلاثية الأبعاد في القسم الرئيسي، ولا تحمّل النموذج إلا عند الحاجة إليه.

يحمّل قالب Aniq UI ثلاثي الأبعاد المجاني عناصره الثقيلة تحميلًا كسولًا، وهو مكتوب ليوازن بين التفاصيل البصرية و Core Web Vitals. وأيًا كان اختيارك، اختبر على هاتف متوسط الفئة، واجعل ملف النموذج صغيرًا، واعرض على الزوار صورة ثابتة أو قسمًا رئيسيًا بسيطًا إذا فشل تحميل المشهد.

الخلاصة

إذا أردت موقعًا جاهزًا وحديثًا بسعر ثابت، فابدأ بـ Aniq UI: قالب SaaS Pro لمنتج SaaS يحتاج إلى مدونة وتسجيل دخول وصفحات قانونية، أو Publino لصفحة هبوط لشركة أو منتج SaaS. كلاهما من $79، على Next.js 16، بالإنجليزية والعربية مع RTL. وإذا احتجت إلى صفحة مجانية، فاختر قالب SaaS المجاني من Aniq UI لبداية سريعة بترخيص MIT مع جدول أسعار، أو Launch UI إن كان Next.js 16 و shadcn/ui أهم ما يعنيك، أو القالب ثلاثي الأبعاد المجاني لمنتج واحد.

إذا كنت ستبني مواقع كثيرة، فقارن بين shadcnblocks و Magic UI Pro و Aceternity UI Pro من حيث الترخيص والتقنيات لا من حيث لقطات الشاشة. وإذا كان على الصفحة أن تستقبل مدفوعات الاشتراكات من اليوم الأول، فابدأ من Next.js SaaS Starter وصمّم الصفحة التسويقية فوقه. ويمكنك مقارنة كل خيارات Aniq UI في صفحة فئة قوالب صفحات هبوط Next.js، مع عروض تجريبية مباشرة.

أدلة ذات صلة

• أفضل قوالب Next.js لعام 2026: مجانية ومدفوعة
• أفضل قوالب لوحة تحكم الإدارة حسب القطاع في 2026
• أفضل قوالب لوحة تحكم RTL تدعم اللغة العربية (2026)
• أفضل قوالب SaaS بـ Next.js وحزم البداية (starter kits) لعام 2026
• أفضل قوالب متجر إلكتروني بـ Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل 10 قوالب Next.js لإدارة لوحات التحكم - 2026

المصادر

• قوالب صفحات الهبوط من Aniq UI
• قوالب Cruip وأسعارها
• Cruip Open PRO
• شروط Cruip وترخيصها
• قوالب Cruip المجانية
• Cruip Simple Light على GitHub
• Cruip Open على GitHub
• قوالب Shadcnblocks وأسعارها
• Shadcnblocks Mainline
• Mainline على GitHub
• قوالب Magic UI Pro وأسعارها
• ترخيص Magic UI Pro
• Magic UI على GitHub
• قوالب Aceternity UI
• Aceternity UI Startup Landing Page Template
• Aceternity UI Simplistic SaaS Template
• أسعار Aceternity UI
• ترخيص Aceternity UI
• Launch UI على GitHub
• أسعار Launch UI
• قوالب Launch UI
• Next.js SaaS Starter على GitHub
• Next.js Landing Page Starter Template من ixartz
• انضمام Tailwind Labs إلى Shopify
• مدونة Tailwind CSS: إطلاق قالب Radiant
• ملاحظات إصدار Next.js 16
• وثائق Next.js: البيانات الوصفية وصور OG
• وثائق Next.js: مكوّن Image

تمت المراجعة في أكتوبر 2026.