20 asombrosos ejemplos de casillas de verificación de Bootstrap gratis 2021

Hubo muchas ocasiones en las que necesitábamos crear una casilla de verificación Bootstrap para diferentes proyectos en los que trabajamos.

Por lo tanto, nos quedamos con muchas plantillas reutilizables. En lugar de guardarlos para nosotros, decidimos agregar algunos más y DARLOS TODOS.

Para. Gratis.

Al final de esta extensa colección , tendrás exactamente lo que viniste a buscar en primer lugar.

Descargue uno o tantos como desee e incruste una casilla de verificación en su aplicación con facilidad.

Nota : Si desea modificar nuestros fragmentos gratuitos, hágalo realidad.

A ti.

Los mejores widgets de casilla de verificación de Bootstrap gratuitos

Casilla de verificación V01

Una colección de casillas de verificación hermosas y coloridas que funciona para casi cualquier cosa y todo lo que tu corazón desee.

Vienen en azul, verde, rojo, amarillo, turquesa y gris y garantizan una completa adaptabilidad a los dispositivos móviles.

El usuario puede seleccionarlos todos, solo uno o una mezcla; Depende de usted definir el hogar, muchos son necesarios.

Más información / Descargar Demo

Casilla de verificación V02

Para darle al usuario la oportunidad de seleccionar su (s) deporte (s) favorito (s), este fragmento de casilla de verificación de Bootstrap funcionará.

Antes de continuar, también puede usar la plantilla para otra cosa, ya que no es necesario ceñirse exclusivamente a los tres deportes.

Si bien el diseño es bastante LIMPIO y MÍNIMO, tiene una especialidad. Las casillas de verificación vienen con una animación ordenada que condimenta la UX.

Más información / Descargar Demo

Casilla de verificación V03

Una confirmación de pedido moderna, fácil de usar y gratuita que incluye animación, para que no parezca demasiado aburrida.

Cada botón también se vuelve amarillo una vez que lo selecciona. Y puede seleccionar ambos.

No hace falta decir que si desea realizar personalizaciones y mejoras , también puede hacerlo.

En otras palabras, elija la versión lista para usar o configure más el fragmento.

Más información / Descargar Demo

Casilla de verificación V04

Este widget de casilla de verificación gratuito de Bootstrap responde y funciona sin problemas en diferentes tamaños de pantalla. Viene con un diseño enmarcado, lo que garantiza que se destaque maravillosamente para que el usuario no se lo pierda.

Además, también cuenta con selección múltiple para que el usuario pueda optar por un solo elemento, dos o los tres.

Finalmente, aparece una marca de verificación SIMPLE al realizar la selección.

Más información / Descargar Demo

Casilla de verificación V05

Cuando esté buscando agregar casillas de verificación a su aplicación, no comience desde cero cuando puede optar por cualquiera de nuestras soluciones Bootstrap.

Estos vienen en múltiples variaciones y diseños, con y sin animaciones, por lo que hay algo para todos .

Este en particular es más elegante, con un resaltado morado y una marca de verificación animada.

Más información / Descargar Demo

Casilla de verificación V06

Este fragmento de interruptor de palanca gratuito es ideal para una variedad de intenciones diferentes. Puede usarlo como una casilla de verificación, incluso para encender o apagar diferentes ajustes y configuraciones de su aplicación.

Cuando el interruptor está encendido, se vuelve rosa con una pequeña animación . Además, si desea cambiar algo (el color), puede hacerlo sin reprimirse.

Más información / Descargar Demo

Casilla de verificación V07

Un fragmento de interruptor de palanca similar basado en Bootstrap como el anterior, solo que este viene con textos en el interruptor.

Es bastante sencillo, ya que se enciende o apaga dependiendo de si selecciona o deselecciona el control. Cuando lo elige, se enciende con una animación y un cambio de color.

Incrustarlo en su aplicación también será rápido debido a la asombrosa estructura central del widget.

Más información / Descargar Demo

Casilla de verificación V08

Al agregar una función a su sitio web o aplicación para que el usuario opte por el modo nocturno o diurno, este es el interruptor de palanca que necesita.

Obtienes dos conmutadores, ambos con íconos de luna y sol y un cambio de color (de gris ( modo nocturno ) a amarillo ( modo diurno ).

Su naturaleza receptiva asegura un funcionamiento impecable en dispositivos móviles y de escritorio.

Más información / Descargar Demo

Casilla de verificación V09

Si realiza un seguimiento de su lista de tareas pendientes y cruza la tarea que está terminada, es muy probable que logre mucho más en un día que sin él.

La plantilla casilla TODO gratuito cuenta con un diseño muy minimalista con un borde para cada tarea, una marca de verificación y una tachado para los artículos seleccionados.

El texto también pasa de negro a gris cuando se selecciona.

Más información / Descargar Demo

Casilla de verificación V10

Si está buscando algo diferente en esta colección de plantillas de casillas de verificación Bootstrap, esta es la que no debe perderse.

Como puede ver en la captura de pantalla, es un fragmento de casilla de verificación EMOJI gratuito con una cara feliz y otra triste.

Para qué lo usará, depende completamente de usted. Es importante saber que no debe sentir ninguna limitación.

Más información / Descargar Demo

Casilla de verificación V11

Este fragmento de casilla de verificación personalizado de Bootstrap 4 le brinda un control total sobre cómo le gustaría usar las marcas de verificación. Por ejemplo, puede deshabilitar algunos, marcar algunos como deshabilitados y marcados y más.

Además de eso, la herramienta también es compatible con MULTI-SELECTION para su conveniencia. Modifique el texto para requisitos particulares, modifíquelo en consecuencia y continúe desde allí.

Más información / Descargar Demo

Casilla de verificación V12

Este fragmento gratuito en particular es bastante similar a Checkbox V11, solo que el diseño es diferente, ya que parece más audaz. Además, en lugar de casillas de verificación redondas, esta presenta alternativas cuadradas.

Lo que es genial, ambas casillas de verificación de Boostrap son gratuitas, lo que significa que puede probarlas primero y seleccionar al ganador en segundo lugar.

Tampoco hay necesidad de preocuparse por la capacidad de respuesta debido a la base Boostrap.

Más información / Descargar Demo

Casilla de verificación V13

De casillas cuadradas a redondas, las tenemos todas y algunas. Este es el último, con un diseño minimalista , asegurando que se integre con diferentes aplicaciones y sitios web de manera efectiva tal como está.

Checkbox V13 presenta un efecto de desplazamiento y ofrece marcar casillas de verificación con deshabilitado o deshabilitado y marcado al mismo tiempo.

Además, también admite selección múltiple, por lo que sus usuarios pueden marcar UNA o VARIAS opciones.

Más información / Descargar Demo

Casilla de verificación V14

Una lista de casillas de verificación conveniente, fácil de usar y altamente adaptable basada en Bootstrap para diferentes aplicaciones, proyectos y sitios web.

Si se adhiere a la configuración predeterminada, lucirá el hermoso tono púrpura que definitivamente es muy atractivo a la vista .

Además, las casillas de verificación son cuadradas con bordes redondeados y presentan un efecto de desplazamiento cuando no se seleccionan.

Más información / Descargar Demo

Casilla de verificación V15

Siempre hay una forma de mezclar la simplicidad con los efectos especiales de una manera conveniente, y esta casilla de verificación de Bootstrap lo demuestra.

La característica única de este widget en particular es cómo la casilla de verificación se convierte en una marca en la selección y viceversa. Además de eso, también tiene la característica de deshabilitar casillas de verificación o deshabilitarlas pero marcarlas.

Más información / Descargar Demo

Casilla de verificación V16

Para todos los que buscan un aspecto más vainilla, Checkbox V16 es el fragmento gratuito perfecto para acompañar. Las casillas de verificación son simplistas, con un efecto de desplazamiento y bordes redondeados. No hace falta decir que las opciones desactivadas y marcadas también están disponibles para que las active o las omita.

También puede realizar una prueba A en un dispositivo móvil, solo para ser testigo de lo SUAVE que funciona antes de presionar el botón de descarga.

Más información / Descargar Demo

Casilla de verificación V17

Esta plantilla de animación de casillas de verificación es ideal para todos los que gustan de la simplicidad con un toque de creatividad. En lugar de trabajar en él desde cero, ahora puede disfrutar de una ejecución fluida con una integración rápida en su proyecto.

Si bien puede optar por las configuraciones predeterminadas, en cuanto al color, también puede realizar modificaciones para que coincidan con las instrucciones de su marca.

Más información / Descargar Demo

Casilla de verificación V18

Con estos botones de alternancia, mejorará la experiencia del usuario con una forma conveniente de encender o apagar las cosas.

De apagarse a encenderse o viceversa, la palanca cambia el color suavemente, de blanco a verde.

Al igual que con algunas de las plantillas anteriores, esta también tiene una opción para deshabilitar el interruptor o marcarlo como marcado pero deshabilitando su funcionalidad.

Más información / Descargar Demo

Casilla de verificación V19

A primera vista, este y el anterior son casi idénticos, pero su rendimiento no lo es. Cada botón de alternancia presenta una pequeña ANIMACIÓN genial cuando pasa de apagado a encendido; también cambia el color de claro a verde.

Incluso los discapacitados parecen estar vivos cuando haces clic en ellos, pero no cambian.

Más información / Descargar Demo

Casilla de verificación V20

Aquí hay otra excelente variación de una plantilla de alternancia de interruptor de encendido / apagado basada en Bootstrap Framework.

Con su elegante funcionalidad al cambiar de encendido a apagado o viceversa, el fragmento gratuito mantiene las cosas básicas con un efecto agradable que lo hace único.

El usuario puede jugar con los activos pero no puede cambiar los desactivados o los marcados y desactivados.

Más información / Descargar Demo