20 fantastici esempi di caselle di controllo Bootstrap gratuite 2021

Ci sono state molte occasioni in cui abbiamo avuto bisogno di creare una casella di controllo Bootstrap per i diversi progetti su cui abbiamo lavorato.

Pertanto, siamo rimasti con molti modelli riutilizzabili. Invece di tenerli per noi, abbiamo deciso di aggiungerne altri e DARLI VIA TUTTO.

Per. Gratuito.

Alla fine di questa vasta collezione , avrai esattamente ciò per cui sei venuto qui in primo luogo.

Scaricane uno o quanti ne vuoi e inserisci facilmente una casella di controllo nella tua applicazione.

Nota : se desideri modificare i nostri frammenti gratuiti, vai avanti e realizzalo.

A voi.

I migliori widget gratuiti per la casella di controllo Bootstrap

Casella di controllo V01

Una raccolta di caselle di controllo belle e colorate che funziona praticamente per qualsiasi cosa e tutto ciò che il tuo cuore desidera.

Sono disponibili in blu, verde, rosso, giallo, turchese e grigio e garantiscono una completa adattabilità ai dispositivi mobili.

L'utente può selezionarli tutti, uno solo o una miscela; sta a te definire casa molti sono necessari.

Maggiori informazioni / Scarica la demo

Casella di controllo V02

Per dare all'utente la possibilità di selezionare i propri sport preferiti, questo frammento di casella di controllo Bootstrap farà il trucco.

Prima di continuare, puoi utilizzare il modello anche per qualcos'altro, poiché non è necessario attenersi esclusivamente ai tre sport.

Mentre il design è abbastanza PULITO e MINIMALE, ha una specialità. Le caselle di controllo sono dotate di un'animazione ordinata che arricchisce UX.

Maggiori informazioni / Scarica la demo

Casella di controllo V03

Una conferma d'ordine moderna, facile da usare e gratuita che include l'animazione, in modo che non appaia troppo noiosa.

Ogni pulsante diventa anche giallo una volta selezionato. E puoi selezionare entrambi.

Inutile dire che se desideri eseguire personalizzazioni e miglioramenti , puoi farlo anche tu.

In altre parole, puoi scegliere la versione predefinita o configurare ulteriormente lo snippet.

Maggiori informazioni / Scarica la demo

Casella di controllo V04

Questo widget della casella di controllo Bootstrap gratuito è reattivo e funziona senza problemi su schermi di diverse dimensioni. Viene fornito con un design incorniciato, assicurando che si manifesti magnificamente in modo che l'utente non se lo perda.

Inoltre, dispone anche di una selezione multipla in modo che l'utente possa optare per un solo articolo, due o tutti e tre.

Infine, al momento della selezione viene visualizzato un segno di spunta SEMPLICE.

Maggiori informazioni / Scarica la demo

Casella di controllo V05

Quando sei alla ricerca di aggiungere caselle di controllo alla tua applicazione, non iniziare da zero quando puoi utilizzare una delle nostre soluzioni Bootstrap.

Questi sono disponibili in più varianti e design, con e senza animazioni, quindi ce n'è per tutti i gusti .

Questo in particolare è più fantasioso, con un'evidenziazione viola e un segno di spunta animato.

Maggiori informazioni / Scarica la demo

Casella di controllo V06

Questo frammento di interruttore a levetta gratuito è ottimo per una serie di intenzioni diverse. Puoi usarlo come una casella di controllo, anche per accendere o spegnere diverse impostazioni e configurazioni della tua applicazione.

Quando l'interruttore è acceso, diventa rosa con una simpatica animazione . Inoltre, se desideri cambiare qualcosa (il colore), puoi farlo senza trattenerti.

Maggiori informazioni / Scarica la demo

Casella di controllo V07

Uno snippet di interruttore a levetta simile basato su Bootstrap come sopra, solo che questo viene fornito con testi nell'interruttore.

È piuttosto semplice in quanto si attiva o disattiva a seconda che si selezioni o deseleziona il controllo. Quando lo scegli, si accende con un'animazione e un cambio di colore.

Incorporarlo nella tua applicazione sarà anche veloce grazie alla straordinaria struttura di base del widget.

Maggiori informazioni / Scarica la demo

Casella di controllo V08

Quando aggiungi una funzionalità al tuo sito Web o applicazione per consentire all'utente di optare per la modalità notte o giorno, questo è l'interruttore di cui hai bisogno.

Ottieni due interruttori, entrambi con le icone della luna e del sole e un cambio di colore (da grigio ( modalità notte ) a giallo ( modalità giorno ).

La sua natura reattiva garantisce un funzionamento FLAWLESS su dispositivi mobili e desktop.

Maggiori informazioni / Scarica la demo

Casella di controllo V09

Se tieni traccia della tua lista di cose da fare e incroci l'attività che è stata eseguita, è molto probabile che otterrai molto di più in un giorno che senza.

Il modello casella todo libera presenta un design molto minimalista con un bordo per ogni attività, un segno di spunta e un barrato per gli elementi selezionati.

Il testo passa anche dal nero al grigio quando selezionato.

Maggiori informazioni / Scarica la demo

Casella di controllo V10

Se stai cercando qualcosa di diverso in questa raccolta di modelli di caselle di controllo Bootstrap, questo è quello che non dovresti perdere.

Come puoi vedere dallo screenshot, è un frammento di casella di controllo EMOJI gratuito con una faccia felice e una triste.

Quello che per te lo utilizzerai dipende interamente da te. È importante sapere che non dovresti sentire alcuna limitazione.

Maggiori informazioni / Scarica la demo

Casella di controllo V11

Questo frammento di casella di controllo personalizzato Bootstrap 4 ti dà il pieno controllo su come desideri utilizzare i segni di spunta. Ad esempio, puoi disabilitarne alcuni, contrassegnarne alcuni come disabilitati e selezionati e altro ancora.

Inoltre, lo strumento supporta anche la SELEZIONE MULTIPLA per tua comodità. Personalizza il testo, modificalo di conseguenza e vai da lì.

Maggiori informazioni / Scarica la demo

Casella di controllo V12

Questo particolare frammento gratuito è abbastanza simile a Checkbox V11, solo che il design è diverso, in quanto appare più audace. Inoltre, invece di caselle di controllo rotonde, questa presenta alternative quadrate.

Che bello, entrambe le caselle di controllo Boostrap sono gratuite, il che significa che puoi testarle prima e selezionare il vincitore per secondo.

Inoltre, non è necessario preoccuparsi della reattività grazie alla fondazione Boostrap.

Maggiori informazioni / Scarica la demo

Casella di controllo V13

Dalle caselle di controllo quadrate a quelle rotonde, le abbiamo tutte e poi alcune. Questo è il secondo, che sfoggia un design minimalista , assicurando che si integri efficacemente con diverse app e siti Web così com'è.

Checkbox V13 presenta un effetto hover e offre di contrassegnare le caselle di controllo con disabilitato o disabilitato e selezionato allo stesso tempo.

Inoltre, supporta anche la selezione multipla, quindi i tuoi utenti possono selezionare UNA o PI opzioni.

Maggiori informazioni / Scarica la demo

Casella di controllo V14

Un elenco di caselle di controllo comodo, facile da usare e altamente adattabile basato su Bootstrap per diverse applicazioni, progetti e siti Web.

Se ti attieni alle impostazioni predefinite, farai oscillare il bellissimo tono viola che è sicuramente molto attraente per gli occhi .

Inoltre, le caselle di controllo sono quadrate con bordi arrotondati e presentano un effetto al passaggio del mouse quando non sono selezionate.

Maggiori informazioni / Scarica la demo

Casella di controllo V15

C'è sempre un modo per combinare la semplicità con gli effetti speciali in modo conveniente, e questa casella di controllo Bootstrap lo dimostra.

La caratteristica unica di questo particolare widget è come la casella di controllo si trasforma in un segno di spunta sulla selezione e viceversa. Oltre a ciò, ha anche la funzione di disabilitare le caselle di controllo o renderle disabilitate ma selezionate.

Maggiori informazioni / Scarica la demo

Casella di controllo V16

Per tutti voi che amate un look più vanigliato, Checkbox V16 è lo snippet gratuito perfetto con cui andare. Le caselle di controllo sono semplicistiche, con un effetto hover e bordi arrotondati. Inutile dire che le opzioni disabilitate e selezionate sono disponibili anche per l'attivazione o il salto.

Puoi anche testarlo su un dispositivo mobile, solo per vedere come funziona SMOOTHLY prima di premere il pulsante di download.

Maggiori informazioni / Scarica la demo

Casella di controllo V17

Questo modello di animazione della casella di controllo è ottimo per tutti coloro che amano la semplicità con un tocco di creatività. Invece di lavorarci da zero, ora puoi goderti un'esecuzione fluida con un rapido inserimento nel tuo progetto.

Mentre sei libero di utilizzare le configurazioni predefinite, dal punto di vista del colore, puoi anche apportare modifiche per abbinarlo alle indicazioni del tuo marchio.

Maggiori informazioni / Scarica la demo

Casella di controllo V18

Con questi pulsanti di commutazione, migliorerai l'esperienza dell'utente con un modo conveniente di accendere o spegnere le cose.

Dall'attivazione all'attivazione o viceversa, l' interruttore cambia il colore in modo uniforme, da bianco a verde.

Come con alcuni dei modelli precedenti, anche questo ha un'opzione per disabilitare l'interruttore o contrassegnarlo come selezionato ma disabilitarne la funzionalità.

Maggiori informazioni / Scarica la demo

Casella di controllo V19

A prima vista, questo e il precedente sono quasi identici, ma le loro prestazioni non lo sono. Ogni pulsante di commutazione presenta una piccola ANIMAZIONE quando passa da spento a acceso - cambia anche il colore da chiaro a verde.

Anche quelli disabili sembrano vivi quando ci clicchi sopra, ma non cambiano.

Maggiori informazioni / Scarica la demo

Casella di controllo V20

Ecco un'altra superba variante di un modello di interruttore on/off basato su Bootstrap Framework.

Con la sua accurata funzionalità quando si passa da on a off o viceversa, lo snippet gratuito mantiene le cose di base con un bell'effetto che lo rende unico.

L'utente può giocare con quelli attivi ma non può cambiare quelli disabilitati o quelli spuntati e disabilitati.

Maggiori informazioni / Scarica la demo