<p>Published on <a href="https://blog.prototypr.io/ui-toggles-to-turn-you-on-83de3ef91e21?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Graeme Fulton </p>
<h4>UI Inspiration</h4>
<p>Here are 17 amazing and fun toggle switches I had bookmarked on dribbble:</p>
<h4>Friendly switches</h4>
<p>1–4</p>
<p><a href="https://dribbble.com/shots/4287568-Toggle-Interaction"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*BbPL4ysx66M1ZLDWucF7Jg.gif"></a><a href="https://dribbble.com/shots/3917941-Daily-UI-015-On-Off-Switch"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*r_cAS0YmqBwPrWzpgBNRkA.gif"></a><a href="https://dribbble.com/shots/2346141-Bmitch-happy-worry"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*UeaoyKdjAi91NMNGAtApYw.gif"></a>1 by <a href="https://dribbble.com/parhawm">Parham Marandi</a> || 2 by <a href="https://dribbble.com/johannalundgren">Johanna Lundgren</a> || 3 by <a href="https://dribbble.com/Volorf">Oleg Frolov</a><a href="https://dribbble.com/shots/4318035-Toggle"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*bZPhaqEySbQ8eqrgXX2kTQ.gif"></a>4 by <a href="https://dribbble.com/daryl">Daryl Ginn</a></p>
<h4>Hungry toggles</h4>
<p>5–7</p>
<p><a href="https://dribbble.com/shots/3040584-Egg-Toggle-Half-boil-Omelet-Animation"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*skDkYvya7WtYh9bHgZGRHg.gif"></a><a href="https://dribbble.com/shots/3897917-Sushi-Toggle"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*zZIy9xm4Xjcia8iCDkwaTQ.gif"></a><a href="https://dribbble.com/shots/3809183-Egg-Toggle"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*r2g_EL2rfzdX0AVFZxfqEQ.gif"></a>5. Egg Toggle (Half boil — Omelet ) by <a href="https://dribbble.com/srinivasan-rajan"><strong>Srinivasan Rajan</strong></a> || 6. Sushi Toggle by <a href="https://dribbble.com/chrisgannon"><strong>Chris Gannon</strong></a> || 7. Egg Toggle by <a href="https://dribbble.com/chrisgannon"><strong>Chris Gannon</strong></a></p>
<h4>Cool concepts</h4>
<p>8–14</p>
<p><a href="https://dribbble.com/shots/3963765-3D-Interactions-Series-1-Toggle-Switch"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*A359aF7TlEseJCPy9tGkzA.gif"></a><a href="https://dribbble.com/shots/3817168-Daily-UI-015-On-Off-Switch"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*H5qiyay4rLqVcGAA9muywg.gif"></a><a href="https://dribbble.com/shots/4229342-Light-Bulb-Switch"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*AzBTLdEYe8AgB0nQSM0GjQ.gif"></a>8. by <a href="https://dribbble.com/BestServedBold">𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡</a> for <a href="https://dribbble.com/greenchameleon">Green Chameleon</a> || 9. by <a href="https://dribbble.com/whyinteraction"><strong>Wenhui Yu</strong> 🚀</a> || 10. Light Bulb Switch by <a href="https://dribbble.com/cerpow"><strong>Apostol Voicu</strong></a><a href="https://dribbble.com/shots/4298963-Show-password"><img alt="" src="https://cdn-images-1.medium.com/max/550/1*1YSrs0rxxOtTU4CXgv4hkQ.gif"></a>11. Show password by <a href="https://dribbble.com/prekesh">Prekesh</a><a href="https://dribbble.com/shots/3945978-Alignment-button"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*YpcpPwk43RPnKe1Ff8bjpg.gif"></a><a href="https://dribbble.com/shots/3467520-Like-my-toggle"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*VFK-qAcGIOYtiwAyLyd_ig.gif"></a><a href="https://dribbble.com/shots/3831348-Liquid-Water-Switch"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*eQQa_RIjScS8go419LBu8w.gif"></a>12. Alignment button by <a href="https://dribbble.com/Volorf"><strong>Oleg Frolov</strong></a> || 13. by <a href="https://dribbble.com/torebernhoft"><strong>TB Obstfelde</strong></a> || 14. Liquid Water Switch by <a href="https://dribbble.com/cerpow"><strong>Apostol Voicu</strong></a></p>
<h4>Day vs Night</h4>
<p>15–17</p>
<p><a href="https://dribbble.com/shots/3603689--dailyui-002"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*6Rc_jufcXMLlqpAtpTi32Q.gif"></a><a href="https://dribbble.com/shots/3691101-Toggle-day-night-mode"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*F85NVcBt1HYNP8Ni4RizSw.gif"></a>15. by <a href="https://dribbble.com/Olga_Hashim">Olg</a> || 16. by <a href="https://dribbble.com/Lukas_Horak">Lukas Horak</a> for <a href="https://dribbble.com/plat4m">PLATFORM</a><a href="https://dribbble.com/shots/2350706-dailyUI-015-On-Off-Switch"><img alt="" src="https://cdn-images-1.medium.com/max/400/1*5ki8aWkRaPcyaNDSp0ZL6A.gif"></a>17. by <a href="https://dribbble.com/IcdpNL">Sander Rietdijk</a></p>
<p>Hope you enjoyed the list, here’s a story I wrote in <a href="https://medium.com/u/f0236d5369c">The Startup</a> that you might like too 😀:</p>
<p><a href="https://medium.com/swlh/its-not-where-you-are-it-s-what-you-do-f8c73222c023">It’s not where you are, it’s what you do</a></p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=83de3ef91e21" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/ui-toggles-to-turn-you-on-83de3ef91e21">UI Toggles to turn you on 🙈</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


UI Toggles to turn you on

UI Inspiration

Friendly switches

Top Stories