React

React
Fundamental of React Js

Tuesday, February 6, 2018

Awesome Checkbox Styles


Awesome CSS CHECKBOXES


HTML and CSS checkboxes. Demo and download code (*zip).

Credit to 

Author                           Links                     Made with

      • Leonard Meagher             download               HTML
      •                             demo and code          CSS/SCSS


      About the code

      CHECK BOXES

      Pure CSS checkboxes.



      Credit to 

      Author                           Links                     Made with

          • thelaazyguy              download               HTML
          •                          demo and code          CSS/SCSS


          About the code

          CUSTOM CHECKBOX/TOGGLE SWITCH

          Collection of four toggle switches made with HTML and CSS without a single line of JavaScript. Two of the switches are made with the help of SVG also.

          Credit to 

          Author                           Links                     Made with

              • Matthew Shields
              •                          download               HTML
              •                          demo and code          CSS/SCSS


              About the code

              CUSTOM CHECKBOX/TOGGLE SWITCH

              Collection of four toggle switches made with HTML and CSS without a single line of JavaScript. Two of the switches are made with the help of SVG also.



              Author

              • Katheer Mizal
              • 21.06.2017

              Made with

              • HTML
              • CSS/SCSS

              About the code

              STYLE CHECKBOXES

              Style Checkboxes - using CSS custom properties.

              Author

              • Rplus
              • 18.06.2017

              Made with

              • HTML/Pug
              • CSS/SCSS

              About the code

              3D SWITCHER VLL PLUS

              Use CSS variables to control states.

              Author

              • Danian
              • 15.06.2017

              Made with

              • HTML
              • CSS/LESS

              About the code

              CHECKMARK ANIMATION

              Pure CSS checkbox animation. 

              Author

              • Andreas Storm
              • 12.06.2017

              Made with

              • HTML
              • CSS/Sass
              • SVG

              About the code

              CHECKBOX SVG PATH ANIMATION

              HTML and CSS checkbox with SVG path animation.

              Author

              • Ian Egner
              • 31.05.2017

              Made with

              • HTML/Pug
              • CSS/SCSS
              • SVG

              About the code

              PURE CSS TOGGLE SLIDER

              Pure CSS Toggle slider/checkbox with SVG tick and cross.




              Demo Image: Realistic Switch

              Realistic Switch

              Realistic CSS switch (checkbox).
              Made by Nathan Taylor
              February 19, 2017


              Demo Image: Simple Checkbox Switcher

              Simple Checkbox Switcher

              Checkboxes with labels and little jQuery.
              Made by Artyom
              February 10, 2017



              Demo Image: Happy Little Checkboxes

              Happy Little Checkboxes

              Happy little jello checkboxes :) Feel free to use this code in your projects.
              Made by Branko Stancevic
              February 10, 2017


              Demo Image: Jelly Checkbox

              Jelly Checkbox

              Jelly checkbox with HTML and CSS.
              Made by Andreas Storm
              February 8, 2017


              Demo Image: Full CSS Checkbox

              Full CSS Checkbox

              A full css checkbox button. You’ll find: - SVG Background -css transition - pseudo element - no JS.
              Made by Timothee Guignard
              February 5, 2017

              0 comments: