100+ CSS Toggle Switches (Updated)
From simple on/off toggles to sleek animated designs, discover 100+ CSS toggle switches to elevate your projects.
1. 3D Toggle by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
2. CSS Toggle Switch by Jeroen van der Tuin
Author: Jeroen van der Tuin
Links: Source Code / Demo
Made with: HTML CSS
3. Skeuomorphic Toggle Switch (Vol. 1) by Nicolas Jesenberger
Author: Nicolas Jesenberger
Links: Source Code / Demo
Made with: HTML CSS
4. Wobble Toggle by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
5. Pure CSS Toggle Buttons | ON-OFF Switches by Himalaya Singh
Author: Himalaya Singh
Links: Source Code / Demo
Made with: HTML CSS
6. Colorful Toggle Switches by Nicolas Jesenberger
Author: Nicolas Jesenberger
Links: Source Code / Demo
Made with: HTML CSS
7. Pure CSS 3D Orange Switch by Yoav Kadosh
Author: Yoav Kadosh
Links: Source Code / Demo
Made with: HTML CSS
8. CSS Only Checkbox by Temani Afif
Author: Temani Afif
Links: Source Code / Demo
Made with: HTML CSS
9. Implementation of Liquid button by Alex
Author: Alex
Links: Source Code / Demo
Made with: HTML CSS
10. Awesome Toggle Button by Andrew
Author: Andrew
Links: Source Code / Demo
Made with: HTML CSS
11. iOS 7 Toggle by Daniel Eden
Author: Daniel Eden
Links: Source Code / Demo
Made with: HTML CSS
12. Toggle On/Off by Orhan Eroฤlu
Author: Orhan Eroฤlu
Links: Source Code / Demo
Made with: HTML CSS
13. Elastic Toggle by halvve
Author: halvve
Links: Source Code / Demo
Made with: HTML CSS
14. CSS Grid Toggle by Liam
Author: Liam
Links: Source Code / Demo
Made with: HTML CSS
15. Sub/Sup Toggle by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
16. Spinning Toggle by Hรฅvard Brynjulfsen
Author: Hรฅvard Brynjulfsen
Links: Source Code / Demo
Made with: HTML CSS
17. Bump โ Agressive Toggle by Yeshua Emanuel Braz
Author: Yeshua Emanuel Braz
Links: Source Code / Demo
Made with: HTML CSS
18. Toggle by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
19. Custom-Toggle Bootstrap 4 Switches โ Sizes Large And Extra Large by Frisby
Author: Frisby
Links: Source Code / Demo
Made with: HTML CSS
20. Checkbox CSS Toggle โ Day / Night Mode by Ahmad Emran
Author: Ahmad Emran
Links: Source Code / Demo
Made with: HTML CSS
21. Bootstrap Button Toggle (On/off Switch) by Aanjulena Sweet
Author: Aanjulena Sweet
Links: Source Code / Demo
Made with: HTML CSS
22. Cute Animated Checkbox by Katie Boedges
Author: Katie Boedges
Links: Source Code / Demo
Made with: HTML CSS
23. Toggles by Olivia Ng
Author: Olivia Ng
Links: Source Code / Demo
Made with: HTML CSS
24. Rolling Theme Switch by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
25. A Confusing Toggle Button by Himalaya Singh
Author: Himalaya Singh
Links: Source Code / Demo
Made with: HTML CSS
26. Another Toggle by MacKenzie Bobbitt
Author: MacKenzie Bobbitt
Links: Source Code / Demo
Made with: HTML CSS
27. GUI Toggle by Jos Faber
Author: Jos Faber
Links: Source Code / Demo
Made with: HTML CSS
28. CSS Dark Blue Toggle by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
29. Power switch animation by Milan Raring
Author: Milan Raring
Links: Source Code / Demo
Made with: HTML CSS
30. Checkbox Animation with Pure CSS by Erdem Uslu
Author: Erdem Uslu
Links: Source Code / Demo
Made with: HTML CSS
31. Toy Toggle Switch by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
32. Pure CSS Dark Mode Toggle Switcher by Demilade Olaleye
Author: Demilade Olaleye
Links: Source Code / Demo
Made with: HTML CSS
33. Toggle by Katherine Kato
Author: Katherine Kato
Links: Source Code / Demo
Made with: HTML CSS
34. Sea Mode by Faria Begum Riya
Author: Faria Begum Riya
Links: Source Code / Demo
Made with: HTML CSS
35. Switch by Andreas Gillstrรถm
Author: Andreas Gillstrรถm
Links: Source Code / Demo
Made with: HTML CSS
36. Checkbox Toggle Animation by @keyframers
Author: @keyframers
Links: Source Code / Demo
Made with: HTML CSS
37. Realistic Toggle Button by Alex
Author: Alex
Links: Source Code / Demo
Made with: HTML CSS
38. Skeuomorphic Toggle Switch (Vol. 3) by Nicolas Jesenberger
Author: Nicolas Jesenberger
Links: Source Code / Demo
Made with: HTML CSS
39. Pure CSS Day/Night Toggle Swith by Jason Dicks
Author: Jason Dicks
Links: Source Code / Demo
Made with: HTML CSS
40. Toggle Buttons by Stockin
Author: Stockin
Links: Source Code / Demo
Made with: HTML CSS
41. CSS Eye Toggle by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
42. Toggles โ Void Portal by Henrique F. Schwingel
Author: Henrique F. Schwingel
Links: Source Code / Demo
Made with: HTML CSS
43. CSS Modern Lighted Toggle by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
44. Toggle by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
45. An Actual Pure CSS Checkbox Slider by Mark
Author: Mark
Links: Source Code / Demo
Made with: HTML CSS
46. CSS Blob Checkbox by Temani Afif
Author: Temani Afif
Links: Source Code / Demo
Made with: HTML CSS
47. Totoro Toggle by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
48. (Almost) Pure CSS Night/day Toggle by Lurx
Author: Lurx
Links: Source Code / Demo
Made with: HTML CSS
49. Animated CSS Switch Button by Nitish tyagi
Author: Nitish tyagi
Links: Source Code / Demo
Made with: HTML CSS
50. Toggle Bubble by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
51. Switch by Kevin
Author: Kevin
Links: Source Code / Demo
Made with: HTML CSS
52. CSS Bear Toggle by Anastasia Goodwin
Author: Anastasia Goodwin
Links: Source Code / Demo
Made with: HTML CSS
53. Coffee Toggle by Coding Artist
Author: Coding Artist
Links: Source Code / Demo
Made with: HTML CSS
54. Pure CSS Toggle Switch by Morgan Carter
Author: Morgan Carter
Links: Source Code / Demo
Made with: HTML CSS
55. Pure CSS Switch by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
56. Toggle Button by Navigation bar
Author: Navigation bar
Links: Source Code / Demo
Made with: HTML CSS
57. CSS Toothed Toggle by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
58. Pure CSS Bulb Switch by Grzegorz Witczak
Author: Grzegorz Witczak
Links: Source Code / Demo
Made with: HTML CSS
59. Toggle Flavoured Checkbox by Chris Smith
Author: Chris Smith
Links: Source Code / Demo
Made with: HTML CSS
60. Simple Toggle by magnificode
Author: magnificode
Links: Source Code / Demo
Made with: HTML CSS
61. Radio Button Toggle Switch by Eric Kelley
Author: Eric Kelley
Links: Source Code / Demo
Made with: HTML CSS
62. CSS Heart Switch by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
63. Toggle Buttons by Vineeth.TR
Author: Vineeth.TR
Links: Source Code / Demo
Made with: HTML CSS
64. Pure CSS Toggle Switch by Alan Parsons
Author: Alan Parsons
Links: Source Code / Demo
Made with: HTML CSS
65. CSS Ball Switch by Sacha Van den Wyngaert
Author: Sacha Van den Wyngaert
Links: Source Code / Demo
Made with: HTML CSS
66. Lock Switch Animation by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
67. On and Off Toggle 2 Rotations CSS by coder787
Author: coder787
Links: Source Code / Demo
Made with: HTML CSS
68. 3D 2021 CSS Toggle by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
69. SVG Switches โ Design by MaxStalker
Author: MaxStalker
Links: Source Code / Demo
Made with: HTML CSS
70. Creating Day-Night CSS Only Toggle Switch by Chris Bongers
Author: Chris Bongers
Links: Source Code / Demo
Made with: HTML CSS
71. Simple CSS Switch / Toggle by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
72. Neumorphic-Toggle-Button by somali
Author: somali
Links: Source Code / Demo
Made with: HTML CSS
73. Square to Circle Toggle by CodeMeNatalie
Author: CodeMeNatalie
Links: Source Code / Demo
Made with: HTML CSS
74. Simple Knobby Toggles by Daryn St. Pierre
Author: Daryn St. Pierre
Links: Source Code / Demo
Made with: HTML CSS
75. Light Bulb Toggle Switch by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
76. Antsy Toggles by Daryn St. Pierre
Author: Daryn St. Pierre
Links: Source Code / Demo
Made with: HTML CSS
77. CSS Switch by Randy Lebeau
Author: Randy Lebeau
Links: Source Code / Demo
Made with: HTML CSS
78. Stylish Checkbox by Tapio
Author: Tapio
Links: Source Code / Demo
Made with: HTML CSS
79. CSS Minimal Dark Mode Toggle Button by Greg Vissing
Author: Greg Vissing
Links: Source Code / Demo
Made with: HTML CSS
80. Pure CSS Day And Night Toggle by Benjamin Rรฉthorรฉ
Author: Benjamin Rรฉthorรฉ
Links: Source Code / Demo
Made with: HTML CSS
81. Gender Toggle Pure CSS by Chintu Yadav Sara
Author: Chintu Yadav Sara
Links: Source Code / Demo
Made with: HTML CSS
82. Pure CSS Two-Way Toggle Switch by Sander (Sandroid)
Author: Sander (Sandroid)
Links: Source Code / Demo
Made with: HTML CSS
83. Day/Night Toggle by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
84. Half Orange Button by Berke Kir
Author: Berke Kir
Links: Source Code / Demo
Made with: HTML CSS
85. Toggle by Vivi Tseng
Author: Vivi Tseng
Links: Source Code / Demo
Made with: HTML CSS
86. Cold-Hot Toggle Switch by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
87. CSS Neumorphism Toggle by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
88. Google CSS Only Toggle Switch by Edd Yerburgh
Author: Edd Yerburgh
Links: Source Code / Demo
Made with: HTML CSS
89. CSS Elastic Toggle by Josetxu
Author: Josetxu
Links: Source Code / Demo
Made with: HTML CSS
90. Switch by Oscar-Jite
Author: Oscar-Jite
Links: Source Code / Demo
Made with: HTML CSS
91. Skew Switch by Abhijit Hota
Author: Abhijit Hota
Links: Source Code / Demo
Made with: HTML CSS
92. Toggle by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
93. CSS Only Switch by Hรฅvard Brynjulfsen
Author: Hรฅvard Brynjulfsen
Links: Source Code / Demo
Made with: HTML CSS
94. Neu Toggle by Rafa
Author: Rafa
Links: Source Code / Demo
Made with: HTML CSS
95. Pure CSS Fuel Gauge Toggle by รmercan Balandฤฑ
Author: รmercan Balandฤฑ
Links: Source Code / Demo
Made with: HTML CSS
96. Switch Animation by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
97. Switches by Billy Crist
Author: Billy Crist
Links: Source Code / Demo
Made with: HTML CSS
98. Switch Toggle Checkbox Button by rajeshdn
Author: rajeshdn
Links: Source Code / Demo
Made with: HTML CSS
99. Toggle Switch Checkbox by CodeMeNatalie
Author: CodeMeNatalie
Links: Source Code / Demo
Made with: HTML CSS
100. Checkbox Rocker Toggle Switch by Marcus Connor
Author: Marcus Connor
Links: Source Code / Demo
Made with: HTML CSS
101. BB-8 Toggle Switch|Pure CSS by Claudia Alphonse
Author: Claudia Alphonse
Links: Source Code / Demo
Made with: HTML CSS
102. Light/Dark Toggle With Morphing Icon by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
103. Pure CSS Realistic Red Switch by Yoav Kadosh
Author: Yoav Kadosh
Links: Source Code / Demo
Made with: HTML CSS
104. Skeuomorphic Toggle Switch (Vol. 4) by Nicolas Jesenberger
Author: Nicolas Jesenberger
Links: Source Code / Demo
Made with: HTML CSS
105. Plus / Minus Toggle CSS by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
106. Subscribe Toggle Button by Himalaya Singh
Author: Himalaya Singh
Links: Source Code / Demo
Made with: HTML CSS
107. On/Off using ::first-letter by Hรฅvard Brynjulfsen
Author: Hรฅvard Brynjulfsen
Links: Source Code / Demo
Made with: HTML CSS
108. CSS Egg Switch by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
109. 3D Glass Switch by Konstantin Denerz
Author: Konstantin Denerz
Links: Source Code / Demo
Made with: HTML CSS
110. Toggle Radial Effect by Florin Pop
Author: Florin Pop
Links: Source Code / Demo
Made with: HTML CSS
111. Toggle Fix โ Spotify Desktop App by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
112. Bootstrap Pure CSS Switch/Toggle Buttons by Jennifer Louie
Author: Jennifer Louie
Links: Source Code / Demo
Made with: HTML CSS
113. Kitty Toggle by Natalya
Author: Natalya
Links: Source Code / Demo
Made with: HTML CSS
114. All-CSS Toggle Switch by Marcus Burnette
Author: Marcus Burnette
Links: Source Code / Demo
Made with: HTML CSS
115. Colorful Theme Switch by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
116. Neumorphic Toggle by halvves
Author: halvves
Links: Source Code / Demo
Made with: HTML CSS
117. CSS Plane Switch by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
118. Custom Checkbox / Toggle Switch by thelaazyguy
Author: thelaazyguy
Links: Source Code / Demo
Made with: HTML CSS
119. Simple CSS Switch / Toggle by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
120. Toggle by Maha
Author: Maha
Links: Source Code / Demo
Made with: HTML CSS
121. Pure CSS Toggles by Rafael Gonzรกlez
Author: Rafael Gonzรกlez
Links: Source Code / Demo
Made with: HTML CSS
122. Pure CSS Minimal Toggle by Rau
Author: Rau
Links: Source Code / Demo
Made with: HTML CSS
123. Giant Gear Toggle by leimapapa
Author: leimapapa
Links: Source Code / Demo
Made with: HTML CSS
124. Rocker Switches by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
125. Volume Toggle CSS Switch by Aaron Iker
Author: Aaron Iker
Links: Source Code / Demo
Made with: HTML CSS
126. Flat Toggle Switch by Felix De Montis
Author: Felix De Montis
Links: Source Code / Demo
Made with: HTML CSS
127. CSS Custom Checkbox by Coding Artist
Author: Coding Artist
Links: Source Code / Demo
Made with: HTML CSS
128. Toggle Buttons / On-Off Switches by Himalaya Singh
Author: Himalaya Singh
Links: Source Code / Demo
Made with: HTML CSS
129. Switches (Checkboxes) by Zed Dash
Author: Zed Dash
Links: Source Code / Demo
Made with: HTML CSS
130. Animated CSS Toggle Switch by Garet McKinley
Author: Garet McKinley
Links: Source Code / Demo
Made with: HTML CSS
131. Pin Toggle Interaction by Aybรผke Ceylan
Author: Aybรผke Ceylan
Links: Source Code / Demo
Made with: HTML CSS
