20 erstaunliche Beispiele für kostenlose Bootstrap-Kontrollkästchen 2022
Veröffentlicht: 2022-01-13Es gab viele Gelegenheiten, bei denen wir ein Bootstrap-Kontrollkästchen für verschiedene Projekte erstellen mussten, an denen wir gearbeitet haben.
So blieben uns viele wiederverwendbare Vorlagen. Anstatt sie für uns zu behalten, haben wir uns entschieden, noch mehr hinzuzufügen und sie alle zu verschenken.
Zum. Frei.
Am Ende dieser umfangreichen Sammlung haben Sie genau das, wofür Sie ursprünglich hergekommen sind.
Laden Sie eine oder so viele herunter, wie Sie möchten, und integrieren Sie ganz einfach ein Kontrollkästchen in Ihre Anwendung.
Hinweis : Wenn Sie unsere kostenlosen Snippets optimieren möchten, tun Sie dies bitte.
Zu dir hinüber.
Kontrollkästchen V01
Eine Sammlung schöner und farbenfroher Kontrollkästchen, die für so ziemlich alles und alles funktionieren, was Ihr Herz begehrt.
Sie sind in Blau, Grün, Rot, Gelb, Türkis und Grau erhältlich und gewährleisten eine vollständige Anpassungsfähigkeit an mobile Geräte.
Der Benutzer kann alle auswählen, nur eine oder eine Mischung; Es liegt an Ihnen, Ihr Zuhause zu definieren. Viele sind notwendig.
Mehr Infos / Herunterladen
Kontrollkästchen V02
Um dem Benutzer die Möglichkeit zu geben, seine(n) Lieblingssport(e) auszuwählen, reicht dieses Bootstrap-Checkbox-Snippet aus.
Bevor wir fortfahren, können Sie die Vorlage auch für etwas anderes verwenden, da Sie sich nicht ausschließlich an die drei Sportarten halten müssen.
Während das Design ziemlich SAUBER und MINIMAL ist, hat es eine Besonderheit. Die Kontrollkästchen werden mit einer ordentlichen Animation geliefert, die UX aufpeppt.
Mehr Infos / Herunterladen
Kontrollkästchen V03
Es ist eine moderne, einfach zu bedienende und kostenlose Bestellbestätigung, die Animationen enthält, damit sie nicht zu langweilig wirkt.
Jede Schaltfläche wird auch gelb, sobald Sie sie auswählen. Und Sie können beide auswählen.
Wenn Sie Anpassungen und Verbesserungen vornehmen möchten, können Sie dies natürlich auch tun.
Mit anderen Worten: Verwenden Sie entweder die Standardversion oder konfigurieren Sie das Snippet weiter.
Mehr Infos / Herunterladen
Kontrollkästchen V04
Dieses kostenlose Bootstrap-Checkbox-Widget ist reaktionsschnell und funktioniert reibungslos auf verschiedenen Bildschirmgrößen. Es wird mit einem gerahmten Design geliefert, das sicherstellt, dass es schön auftaucht, damit der Benutzer es nicht übersieht.
Darüber hinaus bietet es auch eine Mehrfachauswahl , um sich für nur einen Artikel, zwei oder alle drei zu entscheiden.
Schließlich erscheint bei der Auswahl ein SIMPLE-Häkchen.
Mehr Infos / Herunterladen
Kontrollkästchen V05
Wenn Sie Ihrer Anwendung Kontrollkästchen hinzufügen möchten, fangen Sie nicht bei Null an, wenn Sie mit einer unserer Bootstrap-Lösungen arbeiten können.
Diese gibt es in zahlreichen Variationen und Designs, mit und ohne Animationen, sodass für jeden etwas dabei ist .
Dieses besondere ist schicker, mit einer violetten Hervorhebung und einem animierten Häkchen.
Mehr Infos / Herunterladen
Kontrollkästchen V06
Dieses kostenlose Kippschalter-Snippet eignet sich hervorragend für eine Reihe verschiedener Absichten. Sie können es als Kontrollkästchen verwenden, sogar um verschiedene Einstellungen und Konfigurationen Ihrer Anwendung ein- oder auszuschalten.
Wenn der Schalter eingeschaltet ist, wird er rosa mit einer netten kleinen Animation . Wenn Sie außerdem etwas (die Farbe) ändern möchten, können Sie dies tun, ohne sich zurückzuhalten.
Mehr Infos / Herunterladen
Kontrollkästchen V07
Ein ähnliches Toggle-Switch-Snippet basierend auf Bootstrap wie das obige, nur dass dieses mit Texten im Schalter geliefert wird.
Es ist ziemlich einfach, da es EIN oder AUS geht, je nachdem, ob Sie das Steuerelement aktivieren oder deaktivieren. Es schaltet sich mit einer Animation und einem Farbwechsel ein, wenn Sie es auswählen.
Das Einbetten in Ihre Anwendung geht aufgrund der erstaunlichen Kernstruktur des Widgets ebenfalls schnell.
Mehr Infos / Herunterladen
Kontrollkästchen V08
Wenn Sie Ihrer Website oder Anwendung eine Funktion hinzufügen, damit der Benutzer sich für den Nacht- oder Tagmodus entscheiden kann, benötigen Sie diesen Kippschalter.
Sie erhalten zwei Schalter, beide mit Mond- und Sonnensymbolen und einem Farbwechsel (von Grau ( Nachtmodus ) zu Gelb ( Tagmodus ).
Seine reaktionsschnelle Natur gewährleistet einen EINWANDFREIEN Betrieb auf mobilen und Desktop-Geräten.
Mehr Infos / Herunterladen
Kontrollkästchen V09
Wenn Sie Ihre To-Do-Liste verfolgen und die erledigte Aufgabe durchstreichen, stehen die Chancen gut, dass Sie an einem Tag viel mehr erreichen als ohne.
Die kostenlose Todo -Checkbox-Vorlage verfügt über ein minimalistisches Design mit einem Rahmen für jede Aufgabe, einem Häkchen und einem Durchstreichen für ausgewählte Elemente.
Der Text ändert sich auch von Schwarz zu Grau, wenn er ausgewählt wird.
Mehr Infos / Herunterladen
Kontrollkästchen V10
Wenn Sie in dieser Sammlung von Bootstrap-Checkbox-Vorlagen nach etwas anderem suchen, sollten Sie diese nicht verpassen.
Wie Sie auf dem Screenshot sehen, handelt es sich um ein kostenloses EMOJI- Checkbox-Snippet mit einem fröhlichen und einem traurigen Gesicht.
Was Sie verwenden, liegt ganz bei Ihnen. Es ist wichtig zu wissen, dass Sie keine Einschränkungen spüren sollten.
Mehr Infos / Herunterladen
Kontrollkästchen V11
Dieses benutzerdefinierte Kontrollkästchen-Snippet von Bootstrap 4 gibt Ihnen die volle Kontrolle darüber, wie Sie die Häkchen verwenden möchten. Sie können beispielsweise einige deaktivieren, einige als deaktiviert und aktiviert markieren und mehr.
Darüber hinaus unterstützt das Tool für Ihre Bequemlichkeit auch MULTI-SELECTION. Passen Sie den Text an, ändern Sie ihn entsprechend und gehen Sie von dort aus weiter.
Mehr Infos / Herunterladen
Kontrollkästchen V12
Dieses spezielle kostenlose Snippet ist Checkbox V11 ziemlich ähnlich, nur dass das Design anders ist, da es mutiger erscheint. Außerdem bietet dieses anstelle von runden Kontrollkästchen quadratische Alternativen.
Was cool ist, beide Boostrap-Checkboxen sind kostenlos, dh Sie können sie zuerst testen und dann den Gewinner auswählen .
Aufgrund der Boostrap-Grundlage müssen Sie sich auch keine Gedanken über die Reaktionsfähigkeit machen.
Mehr Infos / Herunterladen
Kontrollkästchen V13
Von quadratischen bis zu runden Kontrollkästchen haben wir sie alle und noch einige mehr. Dies ist letzteres, das ein minimalistisches Design rockt und sich effektiv in verschiedene Apps und Websites integriert.
Checkbox V13 verfügt über einen Hover-Effekt und bietet die Möglichkeit, Checkboxen mit deaktiviert oder deaktiviert und gleichzeitig aktiviert zu markieren.
Es unterstützt auch die Mehrfachauswahl, sodass Ihre Benutzer EINE oder MEHRERE Optionen ankreuzen können.
Mehr Infos / Herunterladen
Kontrollkästchen V14
Eine bequeme, einfach zu bedienende und hochgradig anpassungsfähige Checkbox-Liste basierend auf Bootstrap für verschiedene Anwendungen, Projekte und Websites.
Wenn Sie sich an die Standardeinstellungen halten, rocken Sie den wunderschönen Lilaton, der sehr ansprechend für das Auge ist.
Darüber hinaus sind die Kontrollkästchen quadratisch mit abgerundeten Kanten und haben einen Schwebeeffekt, wenn sie nicht ausgewählt sind.
Mehr Infos / Herunterladen
Kontrollkästchen V15
Es gibt immer eine Möglichkeit, Einfachheit mit Spezialeffekten auf bequeme Weise zu kombinieren, und dieses Bootstrap-Kontrollkästchen gibt ihm recht.
Die einzigartige Funktion dieses speziellen Widgets besteht darin, wie sich das Kontrollkästchen bei der Auswahl in ein Häkchen verwandelt und umgekehrt. Darüber hinaus hat es auch die Funktion, Kontrollkästchen zu deaktivieren oder sie deaktiviert, aber aktiviert zu machen.
Mehr Infos / Herunterladen
Kontrollkästchen V16
Checkbox V16 ist das perfekte kostenlose Snippet für alle, die auf einen Vanille-Look stehen. Die Kontrollkästchen sind einfach, mit einem Hover-Effekt und abgerundeten Kanten. Die deaktivierten und aktivierten Optionen können ebenfalls aktiviert oder übersprungen werden.
Sie können es auch auf einem Mobilgerät A-testen, um zu sehen, wie reibungslos es funktioniert, bevor Sie auf die Download-Schaltfläche klicken.
Mehr Infos / Herunterladen
Kontrollkästchen V17
Diese Kontrollkästchen-Animationsvorlage ist großartig für alle, die Einfachheit mit einem Hauch von Kreativität mögen. Anstatt von Grund auf daran zu arbeiten, können Sie jetzt eine reibungslose Ausführung mit einer schnellen Einbettung in Ihr Projekt genießen.
Während Sie gerne die Standardkonfigurationen verwenden können, können Sie farblich auch Änderungen vornehmen, um sie an Ihre Branding-Anweisungen anzupassen.
Mehr Infos / Herunterladen
Kontrollkästchen V18
Mit diesen Umschalttasten verbessern Sie das Benutzererlebnis mit einer bequemen Möglichkeit, Dinge ein- oder auszuschalten.
Vom Aus- zum Einschalten oder umgekehrt ändert der Schalter die Farbe stufenlos von Weiß nach Grün.
Wie bei einigen der vorherigen Vorlagen hat auch diese eine Option zum Deaktivieren des Schalters oder zum Markieren als aktiviert, aber Deaktivieren seiner Funktionalität.
Mehr Infos / Herunterladen
Kontrollkästchen V19
Auf den ersten Blick sind diese und die vorherige fast identisch, ihre Leistung jedoch nicht. Jede Umschalttaste verfügt über eine raffinierte kleine ANIMATION, wenn sie von Aus zu Ein wechselt – sie ändert auch die Farbe von hell zu grün.
Sogar die Behinderten scheinen lebendig zu sein, wenn man sie anklickt, aber sie wechseln nicht.
Mehr Infos / Herunterladen
Kontrollkästchen V20
Hier ist eine weitere hervorragende Variante einer Ein/Aus-Schalter-Toggle-Vorlage basierend auf Bootstrap Framework.
Mit seiner ordentlichen Funktionalität beim Umschalten von Ein auf Aus oder umgekehrt hält das kostenlose Snippet die Dinge einfach mit einem netten Effekt, der es einzigartig macht.
Der Benutzer kann mit den aktiven spielen, aber die deaktivierten oder die aktivierten und deaktivierten nicht ändern.
Mehr Infos / Herunterladen
Offenlegung: Diese Seite enthält externe Affiliate-Links, die dazu führen können, dass wir eine Provision erhalten, wenn Sie sich für den Kauf des genannten Produkts entscheiden. Die Meinungen auf dieser Seite sind unsere eigenen und wir erhalten keinen zusätzlichen Bonus für positive Bewertungen.