20 exemples étonnants de cases à cocher Bootstrap gratuites 2021

Il y a eu de nombreuses occasions où nous avons dû créer une case à cocher Bootstrap pour différents projets sur lesquels nous avons travaillé.

Ainsi, nous nous sommes retrouvés avec de nombreux modèles réutilisables. Au lieu de les garder pour nous, nous avons décidé d'en ajouter d'autres et de TOUS LES DONNER.

Pour. Libérer.

À la fin de cette vaste collection , vous aurez exactement ce pour quoi vous êtes venu ici en premier lieu.

Téléchargez-en un ou autant que vous le souhaitez et intégrez facilement une case à cocher dans votre application.

Remarque : Si vous souhaitez modifier nos extraits gratuits, allez-y et réalisez-le.

A vous.

Meilleurs widgets de case à cocher Bootstrap gratuits

Case à cocher V01

Une collection de cases à cocher belles et colorées qui fonctionnent pour à peu près tout et tout ce que votre cœur désire.

Ils se déclinent en bleu, vert, rouge, jaune, turquoise et gris et assurent une parfaite adaptabilité aux appareils mobiles.

L'utilisateur peut les sélectionner tous, un seul ou un mélange ; c'est à vous de définir la maison beaucoup sont nécessaires.

Plus d'infos / Télécharger la démo

Case à cocher V02

Pour donner à l'utilisateur la possibilité de sélectionner son ou ses sports préférés, cet extrait de case à cocher Bootstrap fera l'affaire.

Avant de continuer, vous pouvez également utiliser le modèle pour autre chose, car il n'est pas nécessaire de s'en tenir exclusivement aux trois sports.

Bien que le design soit assez PROPRE et MINIMAL, il a une spécialité. Les cases à cocher sont accompagnées d'une animation soignée qui pimente l'UX.

Plus d'infos / Télécharger la démo

Case à cocher V03

Une confirmation de commande moderne, facile à utiliser et gratuite qui comprend une animation, pour qu'elle ne semble pas trop ennuyeuse.

Chaque bouton devient également jaune une fois que vous l'avez sélectionné. Et vous pouvez sélectionner les deux.

Inutile de dire que si vous souhaitez effectuer des personnalisations et des améliorations , vous pouvez également le faire.

En d'autres termes, optez pour la version prête à l'emploi ou configurez davantage l'extrait de code.

Plus d'infos / Télécharger la démo

Case à cocher V04

Ce widget de case à cocher Bootstrap gratuit est réactif et fonctionne en douceur sur différentes tailles d'écran. Il est livré avec un design encadré, garantissant qu'il apparaît magnifiquement afin que l'utilisateur ne le manque pas.

De plus, il propose également une sélection multiple afin que l'utilisateur puisse opter pour un seul élément, deux ou les trois.

Enfin, une coche SIMPLE apparaît lors de la sélection.

Plus d'infos / Télécharger la démo

Case à cocher V05

Lorsque vous cherchez à ajouter des cases à cocher à votre application, ne commencez pas à zéro lorsque vous pouvez utiliser l'une de nos solutions Bootstrap.

Ceux-ci se déclinent en plusieurs variantes et conceptions, avec et sans animations, il y en a donc pour tous les goûts .

Celui-ci est plus sophistiqué, avec une surbrillance violette et une coche animée.

Plus d'infos / Télécharger la démo

Case à cocher V06

Cet extrait d'interrupteur à bascule gratuit est idéal pour une gamme d'intentions différentes. Vous pouvez l'utiliser comme case à cocher, même pour activer ou désactiver différents paramètres et configurations de votre application.

Lorsque l'interrupteur est allumé, il devient rose avec une jolie petite animation . De plus, si vous souhaitez changer quoi que ce soit (la couleur), vous pouvez le faire sans retenue.

Plus d'infos / Télécharger la démo

Case à cocher V07

Un extrait de commutateur à bascule similaire basé sur Bootstrap comme ci-dessus, juste que celui-ci est livré avec des textes dans le commutateur.

C'est assez simple car il s'allume ou s'éteint selon que vous sélectionnez ou désélectionnez le contrôle. Lorsque vous le choisissez, il s'allume avec une animation et un changement de couleur.

L'intégrer dans votre application sera également rapide en raison de l'étonnante structure de base du widget.

Plus d'infos / Télécharger la démo

Case à cocher V08

Lorsque vous ajoutez une fonctionnalité à votre site Web ou à votre application pour que l'utilisateur opte pour le mode nuit ou jour, c'est l'interrupteur à bascule dont vous avez besoin.

Vous obtenez deux bascules, toutes deux avec des icônes de lune et de soleil et un changement de couleur (du gris ( mode nuit ) au jaune ( mode jour ).

Sa nature réactive garantit un fonctionnement IMPECCABLE sur les appareils mobiles et de bureau.

Plus d'infos / Télécharger la démo

Case à cocher V09

Si vous suivez votre liste de choses à faire et croisez la tâche qui est faite, il y a de fortes chances que vous accomplissiez beaucoup plus en une journée que sans.

Le modèle de case à cocher todo gratuit dispose d' un design très minimaliste avec une bordure pour chaque tâche, une coche et pour les articles sélectionnés biffés.

Le texte passe également du noir au gris lorsqu'il est sélectionné.

Plus d'infos / Télécharger la démo

Case à cocher V10

Si vous recherchez quelque chose de différent dans cette collection de modèles de cases à cocher Bootstrap, c'est celui que vous ne devriez pas manquer.

Comme vous le voyez sur la capture d'écran, il s'agit d'un extrait de case à cocher EMOJI gratuit avec un visage heureux et triste.

L'utilisation que vous en ferez dépend entièrement de vous. Il est important de savoir que vous ne devriez ressentir aucune limitation.

Plus d'infos / Télécharger la démo

Case à cocher V11

Cet extrait de case à cocher personnalisé Bootstrap 4 vous donne un contrôle total sur la façon dont vous souhaitez utiliser les coches. Par exemple, vous pouvez en désactiver certains, en marquer certains comme désactivés et cochés, etc.

En plus de cela, l'outil prend également en charge la MULTI-SELECTION pour votre commodité. Customisez le texte, modifiez-le en conséquence et partez de là.

Plus d'infos / Télécharger la démo

Case à cocher V12

Cet extrait gratuit particulier est assez similaire à Checkbox V11, juste que le design est différent, car il semble plus audacieux. De plus, au lieu de cases à cocher rondes, celle-ci propose des alternatives carrées.

Ce qui est cool, les deux cases à cocher Boostrap sont gratuites, ce qui signifie que vous pouvez les tester d'abord et sélectionner le gagnant ensuite.

Il n'y a pas non plus besoin de s'inquiéter de la réactivité grâce à la fondation Boostrap.

Plus d'infos / Télécharger la démo

Case à cocher V13

Des cases à cocher carrées aux cases rondes, nous les avons toutes et plus encore. Celui-ci est le dernier, avec un design minimaliste , garantissant qu'il s'intègre efficacement en l'état avec différentes applications et sites Web.

Checkbox V13 dispose d'un effet de survol et propose de marquer les cases à cocher avec désactivé ou désactivé et coché en même temps.

De plus, il prend également en charge la sélection multiple, de sorte que vos utilisateurs peuvent cocher UNE ou PLUSIEURS options.

Plus d'infos / Télécharger la démo

Case à cocher V14

Une liste de cases à cocher pratique, facile à utiliser et hautement adaptative basée sur Bootstrap pour différentes applications, projets et sites Web.

Si vous vous en tenez aux paramètres par défaut, vous basculerez dans le beau ton violet qui est certainement très attrayant pour les yeux .

De plus, les cases à cocher sont carrées avec des bords arrondis et présentent un effet de survol lorsqu'elles ne sont pas sélectionnées.

Plus d'infos / Télécharger la démo

Case à cocher V15

Il existe toujours un moyen de mélanger la simplicité avec des effets spéciaux de manière pratique, et cette case à cocher Bootstrap le prouve.

La caractéristique unique de ce widget particulier est la façon dont la case à cocher se transforme en une coche lors de la sélection et vice versa. En plus de cela, il a également la possibilité de désactiver les cases à cocher ou de les rendre désactivées mais cochées.

Plus d'infos / Télécharger la démo

Case à cocher V16

Pour tous ceux d'entre vous qui recherchent un look plus vanille, Checkbox V16 est l'extrait gratuit parfait pour aller avec. Les cases à cocher sont simplistes, avec un effet de survol et des bords arrondis. Inutile de dire que les options désactivées et cochées sont également disponibles pour que vous puissiez les activer ou les ignorer.

Vous pouvez également le tester sur un appareil mobile, juste pour constater à quel point il fonctionne en douceur avant d'appuyer sur le bouton de téléchargement.

Plus d'infos / Télécharger la démo

Case à cocher V17

Ce modèle d'animation de case à cocher est idéal pour tous ceux qui aiment la simplicité avec une touche de créativité. Au lieu de travailler dessus à partir de zéro, vous pouvez désormais profiter d'une exécution fluide avec une intégration rapide dans votre projet.

Bien que vous puissiez utiliser les configurations par défaut, en termes de couleurs, vous pouvez également apporter des modifications pour les faire correspondre à vos instructions de marque.

Plus d'infos / Télécharger la démo

Case à cocher V18

Avec ces boutons à bascule, vous améliorerez l'expérience utilisateur avec un moyen pratique d'activer ou de désactiver les choses.

De l'activation à l'activation ou à l'inverse, la bascule change la couleur en douceur, du blanc au vert.

Comme avec certains des modèles précédents, celui-ci a également une option pour désactiver le commutateur ou le marquer comme coché mais désactiver sa fonctionnalité.

Plus d'infos / Télécharger la démo

Case à cocher V19

À première vue, celui-ci et le précédent sont presque identiques, mais leurs performances ne le sont pas. Chaque bouton à bascule présente une petite ANIMATION sympa lorsqu'il passe de l'état désactivé à l'activation - il change également la couleur du clair au vert.

Même les handicapés semblent vivants lorsque vous cliquez dessus, mais ils ne changent pas.

Plus d'infos / Télécharger la démo

Case à cocher V20

Voici encore une autre superbe variante d'un modèle d'interrupteur marche/arrêt basé sur Bootstrap Framework.

Avec sa fonctionnalité soignée lors du passage de l'activation à la désactivation ou vice versa, l'extrait gratuit garde les choses basiques avec un bel effet qui le rend unique.

L'utilisateur peut jouer avec les actifs mais ne peut pas modifier les désactivés ou les cochés et désactivés.

Plus d'infos / Télécharger la démo