DailyUI #015 - On/Off Switch Toggle

DailyUI #015 - On/Off Switch

Hello everyone!❤️

So, Here is the output of daily UI Challenge day 015.

I designed an animated sun and moon on/off Toggle. A toggle lets people choose between a pair of opposing states, like on and off, using a different appearance to indicate each state.

I understand that it's very visually pleasing but 99% of apps and websites don't use animations like this for a very good reason: it's time-inefficient and adds unnecessary complexity. Most UX studies show that excessive animations like these tend to irritate users more often than not because it adds unnecessary time to executing tasks.

Simplicity is always better. Always try to distill things down to their most simple forms. But I wanted to learn the capabilities of animation in Figma .