Esta biblioteca de casillas de verificación ofrece docenas de estilos gratuitos de casillas de verificación de CSS

Buscando casillas de verificación personalizadas estilos de interfaz de usuario para su sitio web? Echa un vistazo a la CSS Checkbox Library Alojado de forma gratuita en GitHub.

Esta biblioteca masiva admite docenas de estilos para los elementos de la casilla de verificación, como deslizadores, diseños de encendido / apagado, círculos y cuadrados entre muchas otras formas.

Tú Obtenga acceso completo al código HTML / CSS, Así que es muy fácil ponerlo en funcionamiento en su sitio. Sin mencionar que también es totalmente de código abierto y Disponible tanto para proyectos personales como comerciales..

Para empezar, puedes visitar el repositorio de GitHub y Descarga todos los archivos localmente a tu máquina. O bien, puede instalar la biblioteca a través de npm.

Por defecto, Cada estilo de casilla de verificación viene con su propia clase. los casillas de verificación.min.css la hoja de estilo tiene todo lo que necesita, por lo que si está incluido en su página, estará listo.

Cada estilo de casilla de verificación admite navegadores modernos y la mayoría de los navegadores antiguos, incluido IE9+.

El flujo de trabajo para esta biblioteca es quizás el más simple que he visto. Una vez que haya agregado la hoja de estilos a su página, simplemente Cavar a través de todos los estilos en la demo principal. y ver que destaca.

A partir de ahí, puedes elegir lo que mejor funcione. Haciendo clic en el botón HTML muestra un modal con el código fuente para esa casilla de verificación. Ahora, simplemente copie / pegue en su sitio, dale el nombre / valor apropiado (si corresponde), y ya está todo listo!

Sin problemas, muy poca personalización, y básicamente no se requieren habilidades de codificación.

Notarás cada estilo de casilla de verificación viene en un tema claro y oscuro, Para mayor apoyo. Esto significa que no debería tener problemas para encontrar una casilla de verificación que se ajuste a su sitio web. Además, puedes usar clases adicionales como .ckbx-pequeño o .ckbx-xlarge para aumentar el tamaño.

Con Más de 25 estilos diferentes y muchas animaciones diferentes., Tengo que decir que esta CSS Checkbox Library es impresionante. Ideal para cualquier desarrollador de frontend que quiera ahorrar tiempo en su flujo de trabajo y Mejorar el diseño de la interfaz de usuario de cualquier formulario web..