Collection of free jQuery toggle switch code examples.
Related Articles:
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Elastic Volume Toggle
Sound on/off animated toggle switch in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, tweenmax.js, timelinemax.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
3D Switch Animation #2
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, three.js, tweenmax.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
3D Switch Animation
Cool 3d switch animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, three.js, tweenmax.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Toggle
Draggable skeuomorph switch - toggle.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, anime.js
Links
Made with
- HTML / CSS / JS
About a code
SVG Radio Button
Animated SVG radio button.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, tweenmax.js
Links
Made with
- HTML / CSS (Less) / JS
About a code
Button On/Off
Button on/off - sliding button.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS / JS
About a code
Batman/Superman Toggle Button
Select your favourite superhero: Batman or Superman.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Smiley Switch Animation
Simple switches with animation in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Switch Loading Animation
Switch with a very simple loading animation for an ajax call or something like that.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Toggle Button
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
SVG Toggle Animation
A full CSS/SVG ang jQuery checkbox button.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js