Cette bibliothèque de cases à cocher propose des dizaines de styles de cases à cocher CSS gratuites

À la recherche de styles personnalisés d'interface utilisateur pour votre site web? Jetez un coup d'oeil au Bibliothèque de cases à cocher CSS hébergé gratuitement sur GitHub.

Cette bibliothèque massive prend en charge des dizaines de styles pour les éléments de case à cocher, tels que des curseurs, des motifs tout ou rien, des cercles et des carrés parmi de nombreuses autres formes.

Vous obtenir un accès complet au code HTML / CSS, c'est donc un jeu d'enfant de le mettre en ligne sur votre site. Sans oublier de mentionner qu'il est également entièrement open-source et disponible pour des projets personnels et commerciaux.

Pour commencer, vous pouvez visiter le repo GitHub et télécharger tous les fichiers localement sur votre machine. Ou, vous pouvez installer la bibliothèque via npm.

Par défaut, chaque style de case à cocher est livré avec sa propre classe. le checkboxes.min.css feuille de style a tout ce dont vous avez besoin, donc si cela est inclus dans votre page, vous êtes tous ensemble.

Chaque style de case à cocher prend en charge les navigateurs modernes et la plupart des navigateurs existants, y compris IE9+.

Le flux de travail pour cette bibliothèque est peut-être le plus simple que j'ai jamais vu. Une fois la feuille de style ajoutée à votre page, il suffit de fouiller dans tous les styles de la démo principale et voir ce qui se démarque.

De là, vous pouvez choisir ce qui vous convient le mieux. En cliquant sur le bouton HTML affiche un modal avec le code source pour cette case à cocher. Maintenant, il suffit de copier / coller dans votre site, donnez-lui le nom / la valeur (si applicable), et vous êtes tous ensemble!

Pas de soucis, très peu de personnalisation et, fondamentalement, aucune compétence de codage requise.

Vous remarquerez chaque style de case à cocher vient dans un thème clair et sombre, pour plus de soutien. Cela signifie que vous ne devriez pas avoir de difficulté à trouver une case à cocher qui correspond à votre site Web. De plus, vous pouvez utiliser des classes supplémentaires tel que .ckbx-petit ou .ckbx-xlarge pour augmenter la taille.

Avec Plus de 25 styles différents et de nombreuses animations différentes, Je dois dire que cette bibliothèque de cases à cocher CSS est impressionnante. Idéal pour tout développeur frontend cherchant à gagner du temps dans son flux de travail et améliorer la conception d'interface utilisateur de n'importe quel formulaire Web.