Questa libreria Checkbox offre dozzine di stili gratuiti per caselle di controllo CSS

Cercando stili dell'interfaccia utente personalizzati per il tuo sito web? Dai un'occhiata al CSS Checkbox Library ospitato gratuitamente su GitHub.

Questa enorme biblioteca supporta dozzine di stili per gli elementi della casella di controllo, come cursori, disegni on / off, cerchi e quadrati tra molte altre forme.

tu ottenere pieno accesso al codice HTML / CSS, quindi è un gioco da ragazzi farlo funzionare sul tuo sito. Per non parlare è anche completamente open-source e disponibile per progetti personali e commerciali.

Per iniziare, puoi visitare il repository GitHub e scarica tutti i file localmente sul tuo computer. Oppure, è possibile installare la libreria tramite npm.

Di default, ogni stile di checkbox ha una sua classe. Il checkboxes.min.css il foglio di stile ha tutto ciò di cui hai bisogno, quindi se è incluso nella tua pagina allora tutto è pronto.

Ogni stile di checkbox supporta i browser moderni e la maggior parte dei browser legacy, incluso IE9+.

Il flusso di lavoro per questa libreria è forse il più semplice che abbia mai visto. Una volta che hai aggiunto il foglio di stile alla tua pagina, solo scavare attraverso tutti gli stili sulla demo principale e vedi cosa si distingue.

Da lì, puoi scegliere ciò che funziona meglio. Fare clic sul pulsante HTML visualizza una modale con il codice sorgente per quella casella di controllo. Ora, copia / incolla nel tuo sito, dargli il nome / valore corretto (se applicabile) e sei pronto!

Nessuna seccatura, pochissima personalizzazione e praticamente nessuna abilità di codifica richiesta.

Noterai ogni stile di checkbox arriva in entrambi un tema chiaro e scuro, per un maggiore supporto. Ciò significa che non dovresti avere problemi a trovare una casella di controllo adatta al tuo sito web. Inoltre, puoi utilizzare classi aggiuntive ad esempio .ckbx-piccole o .ckbx-XLarge per aumentare le dimensioni.

Con 25+ stili diversi e molte animazioni diverse, Devo dire che questa CSS Checkbox Library è impressionante. Ottimo per qualsiasi sviluppatore di frontend che cerca di risparmiare tempo nel proprio flusso di lavoro e migliorare la progettazione dell'interfaccia utente di qualsiasi modulo Web.