20 أمثلة على مربع اختيار التمهيد المجاني المذهل 2021

كانت هناك العديد من المناسبات التي احتجنا فيها إلى إنشاء مربع اختيار Bootstrap لمشاريع مختلفة عملنا عليها.

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

ل. حر.

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

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

ملاحظة : إذا كنت ترغب في تعديل مقتطفاتنا المجانية - فابدأ وحقق ذلك.

انتهى اليك.

أفضل أدوات مربع اختيار Bootstrap المجانية

تحديد مربع V01

مجموعة من مربعات الاختيار الجميلة والملونة التي تناسب أي شيء وكل ما تشتهيه نفسك.

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

يمكن للمستخدم تحديد كل منهم ، واحد فقط أو خليط ؛ الأمر متروك لك لتحديد المنزل الذي يلزمه الكثير.

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

اختيار V02

لمنح المستخدم فرصة لتحديد رياضته (رياضاته) المفضلة ، سيفي مقتطف مربع اختيار Bootstrap هذا بالغرض.

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

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

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

اختيار V03

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

يتحول كل زر أيضًا إلى اللون الأصفر بمجرد تحديده. ويمكنك تحديد كليهما.

وغني عن القول ، إذا كنت ترغب في إجراء أي تخصيصات وتحسينات ، فيمكنك القيام بذلك أيضًا.

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

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

اختيار V04

تستجيب أداة مربع اختيار Bootstrap المجانية هذه ، وتعمل على أحجام شاشة مختلفة بسلاسة. تأتي بتصميم مؤطر ، مما يضمن ظهورها بشكل جميل حتى لا يفوتها المستخدم.

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

أخيرًا ، تظهر علامة اختيار بسيطة عند التحديد.

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

اختيار V05

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

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

هذا بالتحديد هو أكثر على الجانب الفاخر ، مع تمييز أرجواني وعلامة اختيار متحركة.

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

اختيار V06

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

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

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

اختيار V07

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

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

سيكون تضمينه في تطبيقك سريعًا أيضًا نظرًا للبنية الأساسية المذهلة للأداة.

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

اختيار V08

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

يمكنك الحصول على مفتاحين للتبديل ، مع رمز القمر والشمس وتغيير اللون (من الرمادي ( الوضع الليلي ) إلى الأصفر ( الوضع النهاري ).

تضمن طبيعتها المستجيبة تشغيلًا لا تشوبه شائبة على الأجهزة المحمولة وأجهزة سطح المكتب.

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

اختيار V09

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

يتميز قالب مربع الاختيار " todo" المجاني بتصميم بسيط للغاية مع حدود لكل مهمة وعلامة اختيار وخط يتوسطه خط للعناصر المحددة.

ينتقل النص أيضًا من الأسود إلى الرمادي عند تحديده.

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

اختيار V10

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

كما ترى من لقطة الشاشة ، فهي عبارة عن مقتطف مجاني لمربع اختيار EMOJI مع وجه سعيد وحزين.

ما ستستخدمه هو أمر متروك لك تمامًا. من المهم أن تعرف أنه لا يجب أن تشعر بأي قيود.

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

اختيار V11

يمنحك مقتطف مربع الاختيار المخصص من Bootstrap 4 التحكم الكامل في الطريقة التي ترغب في استخدام علامات الاختيار بها. على سبيل المثال ، يمكنك تعطيل بعضها ووضع علامة على بعضها على أنها معطلة ومحددة وغير ذلك.

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

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

اختيار V12

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

ما هو رائع ، كلا مربعي اختيار Boostrap مجانيان ، مما يعني أنه يمكنك اختبارهما أولاً وتحديد الفائز ثانيًا.

لا داعي للقلق أيضًا بشأن الاستجابة بسبب أساس Boostrap.

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

اختيار V13

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

يتميز Checkbox V13 بتأثير التمرير ويقدم علامة على مربعات الاختيار معطلة أو معطلة ومحددة في نفس الوقت.

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

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

اختيار V14

قائمة مربعات اختيار مريحة وسهلة الاستخدام وقابلة للتكيف للغاية تعتمد على Bootstrap لتطبيقات ومشاريع ومواقع مختلفة.

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

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

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

اختيار V15

هناك دائمًا طريقة لخلط البساطة مع المؤثرات الخاصة بطريقة مريحة ، ويثبت مربع اختيار Bootstrap هذا أنه صحيح.

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

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

اختيار V16

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

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

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

اختيار V17

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

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

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

اختيار V18

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

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

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

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

تحديد مربع V19

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

حتى المعوقين يبدو أنهم أحياء عندما تضغط عليهم ، لكنهم لا يتحولون.

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

اختيار V20

فيما يلي تباين رائع آخر لقالب تبديل مفتاح التشغيل / الإيقاف استنادًا إلى إطار عمل Bootstrap.

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

يمكن للمستخدم اللعب مع الأشخاص النشطين ولكن لا يمكنه تغيير المعوقين أو المعوقين والمعوقين.

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