w3tweaks
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
w3tweaks
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
w3tweaks
Home Inputs
jQuery Toggle Switches

15 Cool jQuery Toggle Switches

W3TWEAKS by W3TWEAKS
October 12, 2021
in Inputs
0

You might also like

Custom Checkbox buttons

53 The Best Collection of Custom Checkbox Buttons

December 18, 2021
0
jQuery Toggle Menu

20 Cool jQuery Toggle Menu

January 17, 2021
0

Hand-picked free jQuery Toggle Switches. All the collections are Included with the demos and source codes.

Author

  • Himalaya Singh
  • March 3, 2019

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Gender Toggle Button

Gender( Male / Female ) toggle button for data input form.

More info: Link

Dependency: CSS – google fonts(family: Roboto:900), ionicons.min.css JS – jquery.min.js

Author

  • Timothee Guignard
  • June 27, 2018

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

SVG / CSS animation – checkbox

Having fun with some SVG animations path

More info: Link

Dependency: jquery.min.js

Author

  • Valery Alikin
  • July 8, 2019

Link

Download

Made with

  • HTML / SCSS / JavaScript

Please enable JavaScript

Amazing shortcut keys for Windows 11

About the Code

Draggable Skeuomorph Switch – Toggle

More info: Link

Dependency: jquery.min.js, anime.min.js

Author

  • Aaron Iker
  • October 23, 2019

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Elastic Volume Toggle #2

More info: Link

Dependency: jquery-3.4.1.min.js, TimelineMax.min.js, TweenMax.min.js

Author

  • AlexSkorkin
  • October 4, 2017

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Overview – DevExtreme jQuery Switch

More info: Link

Dependency: CSS – dx.spa.css, dx.common.css, dx.light.css JS – jquery-3.1.0.min.js, dx.all.js

Author

  • Vimalraj
  • May 26, 2020

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

jQuery Fancy Switch

More info: Link

Dependency: jquery.min.js

Author

  • Tobias Birth
  • October 5, 2016

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

jQuery Switch Class

More info: Link

Dependency: jquery.min.js

Author

  • Chie Dev
  • April 13, 2020

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Switch

CSS/jQuery switch element style and animation

More info: Link

Dependency: jquery.min.js

Author

  • Aaron Iker
  • August 29, 2019

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

3D Switch animation

More info: Link

Dependency: Fonts, JS – jquery-3.4.1.min.js, three.min.js, TweenMax.min.js

Author

  • Simone Bernabè
  • July 10, 2015

Link

Download

Made with

  • Slim / CSS / JavaScript

About the Code

Google Switch Collection

A collection of Google’s switch.

More info: Link

Dependency: jquery.min.js

Author

  • Yusuf
  • April 29, 2015

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Custom Switch (Pure CSS)

Okey, okey, there is some jQuery but just for repetation, i mean for sustainability and body background. You can give up body background and delete jQuery, put the html that I append with jQuery manually and voila, there you go pure CSS.

More info: Link

Dependency: jquery.min.js

Author

  • adonis domingues vieira
  • April 10, 2016

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Switch

Turn ‘check’ down for what Oo Create new elements for naveg… full future

More info: Link

Dependency: jquery.min.js

Author

  • Keith Pickering
  • January 11, 2015

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Single-element Toggle Switch

Just another toggle switch.

More info: Link

Dependency: jquery.min.js

Author

  • Nikhil Krishnan
  • March 25, 2020

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Jquery Toggle Button

iOS style toggle switch button using jquery and css

More info: Link

Dependency: jquery.min.js

Author

  • Alan Clarke
  • April 21, 2015

Link

Download

Made with

  • HTML / Less / JavaScript

About the Code

Jquery Toggle Switch

A simple jquery plugin making use of object oriented design and prototypal inheritance rather than the old, bung a load of functions into a jquery callback plugin style.

Secondly, by using rgba, this button is reusable in a variety of contexts without any modification to the CSS. try changing the body background and you’ll see what I mean! : >

More info: Link

Dependency: CSS – jquery-ui.css , JS – jquery.min.js, jquery-ui.min.js

Tags: checkbox switchjquery toggle switchradio switchToggle SwitchToggle Switches
Previous Post

13 Cool CSS Emoji Rating

Next Post

20 Cool jQuery Toggle Menu

W3TWEAKS

W3TWEAKS

Since I've had a strong background in front-end development, I took the initiative to start my own website (w3tweaks.com) to share my knowledge with the world.

Related Stories

Custom Checkbox buttons

53 The Best Collection of Custom Checkbox Buttons

by W3TWEAKS
December 18, 2021
0
0

If you're looking for a collection of custom checkboxes to spice up your forms, You don't want to search anymore,...

jQuery Toggle Menu

20 Cool jQuery Toggle Menu

by W3TWEAKS
January 17, 2021
0
0

Hand-picked free jQuery Toggle Menus. All the collections are included with demo and source code. Updated on Jan 17 2020....

Cool CSS Emoji Rating

13 Cool CSS Emoji Rating

by W3TWEAKS
January 14, 2021
0
0

Hand-picked Free CSS Emoji Rating. All the collections are Included with the demos and source codes. AuthorAaron IkerMarch 17, 2020LinkDownloadMade...

JavaScript Toggle Menu

9 Best JavaScript Toggle Menu

by W3TWEAKS
February 3, 2021
0
0

Handpicked pure JavaScript toggle menu for free. Developed using HTML, CSS, JavaScript, JS Frameworks. Demo and downloads are available on...

Next Post
jQuery Toggle Menu

20 Cool jQuery Toggle Menu

Discussion about this post

We bring you the best frontend collections that will fix perfect for news, magazine, personal blog, etc. Check our landing page for details.

  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube