20 incroyables exemples gratuits de cases à cocher Bootstrap 2022
Publié: 2022-01-13Il 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 les DONNER À TOUS.
Pour. Libre.
À 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 faites en sorte que cela se produise.
À vous.
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 garantissent une adaptabilité totale 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
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 plutôt PROPRE et MINIMAL, il a une spécialité. Les cases à cocher sont accompagnées d'une animation soignée qui pimente l'expérience utilisateur.
Plus d'infos / Télécharger
Case à cocher V03
Il s'agit d'une confirmation de commande moderne, facile à utiliser et gratuite qui inclut une animation, de sorte 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
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 multi-sélection pour 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
Case à cocher V05
Lorsque vous cherchez à ajouter des cases à cocher à votre application, ne partez pas de zéro lorsque vous pouvez utiliser l'une de nos solutions Bootstrap.
Ceux-ci se déclinent en plusieurs variantes et designs, 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
Case à cocher V06
Cet extrait de commutateur à 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
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. Il s'allume avec une animation et un changement de couleur lorsque vous le sélectionnez.
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
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, vous avez besoin de cet interrupteur à bascule.
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
Case à cocher V09
Si vous suivez votre liste de tâches et croisez la tâche qui est effectuée, il y a de fortes chances que vous accomplissiez beaucoup plus en une journée que sans.
Le modèle de case à cocher gratuit à faire présente un design minimaliste avec une bordure pour chaque tâche, une coche et un barré pour les éléments sélectionnés.
Le texte passe également du noir au gris lorsqu'il est sélectionné.
Plus d'infos / Télécharger
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.
Ce que vous utiliserez dépend entièrement de vous. Il est important de savoir que vous ne devriez ressentir aucune limitation.
Plus d'infos / Télécharger
Case à cocher V11
Cet extrait de case à cocher personnalisée 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-SÉLECTION pour votre commodité. Personnalisez le texte, modifiez-le en conséquence et partez de là.
Plus d'infos / Télécharger
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 en premier et sélectionner le gagnant en second.
Il n'y a pas non plus besoin de s'inquiéter de la réactivité grâce à la base Boostrap.
Plus d'infos / Télécharger
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 et une intégration efficace avec différentes applications et sites Web.
La case à cocher V13 comporte un effet de survol et propose de cocher les cases désactivées ou désactivées et cochées simultanément.
Il prend également en charge la sélection multiple, afin que vos utilisateurs puissent cocher UNE ou PLUSIEURS options.
Plus d'infos / Télécharger
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 le beau ton violet qui est 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
Case à cocher V15
Il y a 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 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 désactiver mais de les cocher.
Plus d'infos / Télécharger
Case à cocher V16
Checkbox V16 est l'extrait gratuit parfait pour tous ceux qui recherchent un look plus vanille. Les cases à cocher sont simplistes, avec un effet de survol et des bords arrondis. Les options désactivées et cochées sont également disponibles pour activer ou ignorer.
Vous pouvez également le tester sur un appareil mobile, pour voir à quel point il fonctionne en douceur avant d'appuyer sur le bouton de téléchargement.
Plus d'infos / Télécharger
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 à 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 soyez invités à 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
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 s'éteindre à s'allumer ou inversement, 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
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 comporte une petite ANIMATION astucieuse lorsqu'il passe de l'arrêt à l'activation - il change également la couleur du clair au vert.
Même les personnes handicapées semblent vivantes lorsque vous cliquez dessus, mais elles ne changent pas.
Plus d'infos / Télécharger
Case à cocher V20
Voici 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 ceux qui sont actifs mais ne peut pas changer ceux qui sont désactivés ou cochés et désactivés.
Plus d'infos / Télécharger
Divulgation : cette page contient des liens d'affiliation externes qui peuvent nous permettre de recevoir une commission si vous choisissez d'acheter le produit mentionné. Les opinions sur cette page sont les nôtres et nous ne recevons pas de bonus supplémentaire pour les critiques positives.