20 asombrosos ejemplos gratuitos de casillas de verificación de Bootstrap 2022
Publicado: 2022-01-13Hubo muchas ocasiones en las que necesitábamos crear una casilla de verificación de Bootstrap para diferentes proyectos en los que trabajábamos.
Así, nos quedamos con muchas plantillas reutilizables. En lugar de guardarlos para nosotros, decidimos agregar algunos más y REGALARLOS TODOS.
Para. Libre.
Al final de esta extensa colección , tendrá exactamente lo que vino aquí 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, continúe y hágalo realidad.
A ti.
Casilla de verificación V01
Una colección de casillas de verificación hermosas y coloridas que funcionan para casi cualquier cosa y todo lo que tu corazón desea.
Están disponibles en azul, verde, rojo, amarillo, turquesa y gris y aseguran 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 info / Descargar
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 hará el truco.
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 anima la experiencia de usuario.
Más info / Descargar
Casilla de verificación V03
Es una confirmación de pedido moderna, fácil de usar y gratuita que incluye animación, por lo que no parece demasiado aburrida.
Cada botón también se vuelve amarillo una vez que lo selecciona. Y puedes seleccionar ambos.
No hace falta decir que si desea realizar personalizaciones y mejoras , también puede hacerlo.
En otras palabras, vaya con la versión lista para usar o configure más el fragmento.
Más info / Descargar
Casilla de verificación V04
Este widget gratuito de casilla de verificación de Bootstrap es receptivo y funciona en diferentes tamaños de pantalla sin problemas. 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 multiselección para optar por un solo artículo, dos o los tres.
Finalmente, aparece una marca de verificación SIMPLE al seleccionar.
Más info / Descargar
Casilla V05
Cuando busque 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 púrpura y una marca de verificación animada.
Más info / Descargar
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 activar o desactivar diferentes ajustes y configuraciones de su aplicación.
Cuando el interruptor está encendido, se vuelve rosa con una pequeña animación agradable. Además, si desea cambiar algo (el color), puede hacerlo sin reprimirse.
Más info / Descargar
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 activa o desactiva, dependiendo de si selecciona o anula la selección del control. Se enciende con una animación y un cambio de color cuando lo eliges.
Incrustarlo en su aplicación también será rápido debido a la increíble estructura central del widget.
Más info / Descargar
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, necesita este interruptor.
Obtiene dos interruptores, ambos con íconos de luna y sol y un cambio de color (de gris ( modo nocturno ) a amarillo ( modo diurno ).
Su naturaleza receptiva garantiza un funcionamiento IMPECABLE en dispositivos móviles y de escritorio.
Más info / Descargar
Casilla de verificación V09
Si realiza un seguimiento de su lista de tareas pendientes y marca la tarea que está hecha, es muy probable que logre mucho más en un día que sin él.
La plantilla de casilla de verificación gratuita para tareas pendientes presenta un diseño minimalista con un borde para cada tarea, una marca de verificación y un tachado para los elementos seleccionados.
El texto también pasa de negro a gris cuando se selecciona.
Más info / Descargar
Casilla de verificación V10
Si está buscando algo diferente en esta colección de plantillas de casillas de verificación de 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 triste.
Lo que usarás depende totalmente de ti. Es importante saber que no debes sentir ninguna limitación.
Más info / Descargar
Casilla de verificación V11
Este fragmento de casilla de verificación personalizado de Bootstrap 4 le brinda 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 admite SELECCIÓN MÚLTIPLE para su conveniencia. Personalice el texto, modifíquelo en consecuencia y continúe desde allí.
Más info / Descargar
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 bueno es que 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 gracias a la base Boostrap.
Más info / Descargar
Casilla de verificación V13
Desde casillas de verificación cuadradas hasta redondas, las tenemos todas y algunas más. Este es el último, con un diseño minimalista y una integración efectiva con diferentes aplicaciones y sitios web.
Checkbox V13 presenta un efecto de desplazamiento y ofrece marcar casillas de verificación con deshabilitado o deshabilitado y marcado simultáneamente.
También es compatible con la selección múltiple, por lo que sus usuarios pueden marcar UNA o VARIAS opciones.
Más info / Descargar
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 te apegas a la configuración predeterminada, lucirás el hermoso tono púrpura que 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 están seleccionadas.
Más info / Descargar
Casilla de verificación V15
Siempre hay una manera de combinar 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 de selección y viceversa. Además de eso, también tiene la función de deshabilitar las casillas de verificación o hacerlas deshabilitadas pero marcadas.
Más info / Descargar
Casilla de verificación V16
Checkbox V16 es el fragmento gratuito perfecto para todos los que buscan un aspecto más vainilla. Las casillas de verificación son simples, con un efecto de desplazamiento y bordes redondeados. Las opciones deshabilitadas y marcadas también están disponibles para activarlas u omitirlas.
También puede realizar una prueba A en un dispositivo móvil para ver qué tan SUAVE es su desempeño antes de presionar el botón de descarga.
Más info / Descargar
Casilla de verificación V17
Esta plantilla de animación de casilla 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 info / Descargar
Casilla de verificación V18
Con estos botones de alternar, 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 algunas de las plantillas anteriores, esta también tiene una opción para deshabilitar el interruptor o marcarlo como marcado pero deshabilitar su funcionalidad.
Más info / Descargar
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 alternar presenta una ingeniosa ANIMACIÓN cuando pasa de apagado a encendido; también cambia el color de claro a verde.
Incluso los deshabilitados parecen vivos cuando haces clic en ellos, pero no cambian.
Más info / Descargar
Casilla de verificación V20
Aquí hay otra excelente variación de una plantilla de interruptor de encendido/apagado basada en Bootstrap Framework.
Con su ordenada funcionalidad al cambiar de activado a desactivado 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 deshabilitados o los marcados y deshabilitados.
Más info / Descargar
Divulgación: esta página contiene enlaces de afiliados externos que pueden resultar en que recibamos una comisión si elige comprar el producto mencionado. Las opiniones en esta página son nuestras y no recibimos bonos adicionales por críticas positivas.