أفضل 20 نموذجًا مجانيًا لمنزلق Bootstrap (في عام 2021)

هذه مجموعتنا من أفضل قوالب تمرير Bootstrap المجانية ، والتي يمكنك استخدامها على أي موقع ويب أو مدونة.

لم نتمكن من العثور على أي دوارات صلبة ، لذلك قررنا إنشاء دائري خاص بنا.

أعطانا هذا القدرة على المضي قدمًا في تصميم وتطوير بعض أمثلة أشرطة التمرير غير العادية حقًا.

علاوة على ذلك ، ركزنا أيضًا على إنشاء رمز سهل الاستخدام والمبتدئين .

اسمح لمستخدميك بالانزلاق من خلال عملك المرئي غير العادي دون عناء. على الهاتف المحمول وعلى سطح المكتب.

أو.

اترك الأمر لعنصر واجهة المستخدم لتدوير الشرائح تلقائيًا.

نظرًا لأننا جعلناها جميعًا مفتوحة المصدر ، فنحن نرحب بك لتخصيص هذه القوالب حسب رغبتك.

أفضل قوالب منزلق Bootstrap المجانية

دائري V01.0

فيما يلي عرضنا على المنزلقات والدوارات مع أفضل عشرين تصميمًا وقوالبًا.

لنبدأ مع Carousel V01 ، وهو عرض شرائح ملء الشاشة ينشئ عرضًا رائعًا للمحتوى لأي موقع ويب.

بينما يمكنك تغيير الصور ، يمكنك حتى اللعب بخيارات مختلفة ، مثل الحفاظ على الصورة ثابتة وإبراز شريط تمرير النص فقط.

إنها أيضًا أداة Bootstrap ، مما يضمن تجربة ممتازة سواء كنت تشاهدها على الهاتف المحمول أو سطح المكتب. لا تفوتها!

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V02.0

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

لماذا تكافح مع بنائها بنفسك إذا لم تكن مضطرًا لذلك؟

يتوفر Carousel V02 هنا ، كل شيء جاهز وجاهز لك لبدء العمل مجانًا.

يأتي أيضًا مع تأثير التمرير ودوائر ترقيم الصفحات - ولكنه يقوم بتدوير المحتوى تلقائيًا ، لذلك لا يتعين عليك ذلك.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V03

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

بفضل بنية التعليمات البرمجية سهلة الاستخدام ، من الجيد أن تبدأ على الفور.

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

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V04.0

يعد Carousel V04 مثالاً ممتازًا على شريط تمرير الشهادات الذي يمكن أن يعمل مع جميع أنواع مواقع الويب.

الشركات والوكالات والمستقلون والتجارة الإلكترونية ، لا يهم حقًا - إذا كان بإمكانك الاستفادة من ملاحظات العملاء / العملاء ، فقم بتقديمها باستخدام Carousel V04.

التصميم نظيف وبسيط ، ويعمل مع سمات مختلفة للصفحة بشكل افتراضي. قد ترغب فقط في تغيير اختيار اللون ، ولكن بخلاف ذلك ، يمكنك استخدام Carousel V04 كما هو.

اطلب من المستخدمين الترويج لعملك.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V05.0

لا تقلق ، لا يزال لدينا العديد من العروض الدوارة للشهادات التي يمكنك العمل بها مجانًا.

يعد Carousel V05 حلاً مناسبًا سيوفر لك الوقت والطاقة ، حيث لا داعي لبدء العمل عليه من الألف إلى الياء. بينما يمكنك أنت أو المستخدم التبديل بين الصناديق المختلفة يدويًا ،

يعمل Carousel V05 أيضًا تلقائيًا.

أنت فقط بحاجة إلى - انتظر - ذلك.

يتوافق الهيكل تمامًا مع الأجهزة المحمولة ، لذا فأنت تعلم أن تجربة المستخدم ستكون رائعة.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V06.0

Carousel V06 عبارة عن منزلق Bootstrap مميز بتصميم جميل منقسمة الشاشة. كما تظهر التكوينات الافتراضية ، يمكنك استخدام جانب واحد للنص والآخر للصور.

يمكنك اللعب بأكبر عدد من الخيارات والإمكانيات المختلفة دون إعاقة نفسك. بمعنى آخر ، اجعل Carousel V06 يناسب احتياجاتك حصريًا قبل أن تضعه مباشرة على موقع الويب الخاص بك.

يمكن الانتقال من عرض الشرائح إلى عرض الشرائح يدويًا باستخدام المؤشرات اليسرى واليمنى ، عن طريق " إمساك " شريط التمرير و " رميه " في أي جانب تريده أو بالسماح له بالقيام بعمله.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V07.0

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

يمكنك تضمين أي محتوى مخصص في كل مربع تريده ، وإضافة أزرار CTA ، وإظهار عدد التعليقات ومن هو المؤلف.

قبل الالتزام الكامل ، يمكنك أيضًا التحقق أولاً من معاينة العرض التوضيحي المباشر والانتقال من هناك. هذا كل شيء ، حان دورك الآن للحصول على الكرة.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V08.0

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

ما سيجعلها تبرز أكثر هو قسم الصور ، والذي يمكنك استخدامه لعرض المستخدمين والعملاء أو حتى عكس الاتجاه تمامًا مع شيء آخر.

هناك دائمًا طريقة لتقديم اللمسة الإبداعية الخاصة بك إلى أي من أدواتنا المجانية ، لذلك لا داعي للتراجع.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V09.0

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

نظرًا لأن الأداة تهز قاعدة Bootstrap ، فأنت تعلم أن الأداء سيكون مرنًا ، ويعمل على الأجهزة المحمولة والكمبيوتر اللوحي وسطح المكتب بشكل جيد للغاية.

يعرض ترقيم الصفحات أدناه عدد أشرطة التمرير - ثلاثة في هذه الحالة - وتسمح المؤشرات بالتقدم للأمام أو للخلف بنقرة واحدة .

ولكن يمكنك حتى إمساك شريط التمرير وسحبه إلى اليسار أو اليمين.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V10

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

إلى جانب عرض شرائح الصور الجميل والجذاب ، يمكنك أيضًا عرض نص على كل شريحة ، مما يجعلها أكثر جاذبية.

سيؤدي هذا بالتأكيد إلى إثارة انتباه الجميع على الفور ، مما يمكن أن يعزز تجربة المستخدم لموقع الويب الخاص بك مرارًا وتكرارًا.

هل تريد أن تجربها؟ إنه مجاني على أي حال ، لذا يمكنك جعله ملكًا لك بالضغط على زر التنزيل الآن.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V11.0

جميل وعصري وجريء ، هذا ما يحدث عندما يتعلق الأمر بـ Carousel V11. كل ما تحتاجه لإنشاء شريط تمرير Bootstrap أنيق لموقعك على الويب.

بدلاً من البدء من نقطة الصفر ، تخطى العمل الشاق واختر هذا المقتطف المجاني.

أنت الآن جاهز تمامًا لتقديم محتوى مرئي مختلف بشكل لافت للنظر وتحسين الأداء العام لصفحتك.

ما هو رائع في هذا هو أنه يمكنك تضمينه خارج الصندوق وتغيير الصور وأنت جاهز لموسيقى الروك أند رول.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V12.0

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

يمكنك استخدام هذا التصميم البسيط والمتميز الذي يؤدي المهمة بشكل جيد للغاية.

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

يعمل الكاروسيل على الطيار الآلي ، ولكن يمكنك تحريكه يدويًا أيضًا.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V13.0

بينما في معظم الحالات ، تحتوي منزلقات Bootstrap على تخطيط أفقي / أفقي - توجد بدائل رأسية أيضًا. إذا كنت تبحث عن الخيار الأخير بشكل خاص ، فإن Carousel V13 هو السبيل للذهاب.

يعمل المقتطف المجاني بشكل مثالي للمصورين والمصممين وأي أفراد مبدعين آخرين.

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

الخيار لك .

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V14.0

يمكن أن تكون فائدة إضافة شهادات / ملاحظات العملاء إلى موقع الويب الخاص بك مجزية للغاية. افعل ذلك بالطريقة الصحيحة مع Carousel V14.

إنه حل أنيق لن يستغرق منك سوى القليل من الوقت للتكامل والتعديل إذا لزم الأمر ومشاركة تجربة الأشخاص لديك ليراها الآخرون.

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

يقع Carousel V14 في السلة الأخيرة ، لذا إذا كان هذا شيء تحتاجه ، فستحصل عليه هنا.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V15.0

يشبه Carousel V15 Carousel V14 على المنشطات. يحتوي على خلفية ملونة للنص ويعرض الصور المصغرة ، والتي يمكن النقر عليها أيضًا للانتقال من عرض الشرائح إلى عرض الشرائح.

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

سيظل الأداء المذهل كما هو ، بحيث يمكن للجميع مراجعة ملاحظات المستخدمين بسرعة بغض النظر عن الجهاز الذي يستخدمونه.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V16.0

البساطة تتفوق على أي شيء آخر - هذه حقيقة. لماذا تعقد مع كل الأشياء الفاخرة إذا لم تكن مضطرًا لذلك؟ بدلاً من ذلك ، اختر Carousel V16 وقدم شهادات إلى موقع الويب الخاص بك مثل البطل .

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

سيتكيف Carousel V16 بشكل مريح بغض النظر عن لوائح علامتك التجارية ، مما يوفر لك وقتًا إضافيًا.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V17.0

Carousel V17 هو منزلق Bootstrap لا يتبع تأثير الانتقال الكلاسيكي. من خلال الرسوم المتحركة الفريدة ، يمكنك إقناع زوار موقع الويب الخاص بك أكثر ، لذلك لا تضيع الوقت وتحصل على هذا القالب الآن.

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

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

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V18.0

لا يأتي دائمًا شريط التمرير Bootstrap مع التنقل / علامات التبويب. وهذا ما يميز Carousel V18. على الرغم من بساطته للوهلة الأولى ، إلا أنه لا يزال يهز العديد من الميزات الرائعة التي ستفعلك بشكل جيد.

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

أخيرًا ، يظهر التصميم الرائع أيضًا بأناقة على الهاتف المحمول خارج الصندوق.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V19.0

بالنسبة إلى الحد الأدنى الحقيقي ، هذا عندما تختار Carousel V19. إنه شريط تمرير للشهادات يحتوي على النص فقط .

ملاحظة: يمكنك حتى استخدامها في الاقتباسات أو أي معلومات أخرى ترغب في عرضها - لا داعي للالتزام بالشهادات.

علاوة على ذلك ، إذا كنت تستخدم Carousel V19 ولكنك تفكر في تغيير أسلوب الطباعة ، فابحث عنه.

ليست هناك حاجة أيضًا للتفكير في الجوانب الفنية ، حيث يستخدم Carousel V19 فقط أحدث التقنيات و Bootstrap.

مزيد من المعلومات / تنزيل العرض التوضيحي

دائري V20

Carousel V20 هو عكس Carousel V19 تمامًا. ليس الهدف فقط مختلفًا تمامًا ولكن التصميم مبدع للغاية وجذاب للانتباه أيضًا.

يأتي منزلق Bootstrap هذا مع جانب أيمن ثابت وجانب أيسر متحرك. لكن عرض الشرائح لا يتغير من اليسار إلى اليمين بل ينتقل من أعلى إلى أسفل.

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

مزيد من المعلومات / تنزيل العرض التوضيحي

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