[Feature] Add RoboSwitch - dark theme toggle button - Githubissues

Rakesh9100 / Beautiify

Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience.

https://beautiify.netlify.app

Apache License 2.0

195 stars 325 forks source link

[Feature] Add RoboSwitch - dark theme toggle button #1142

Open Praneeth-2602 opened 6 days ago

Praneeth-2602 commented 6 days ago

Description

A dynamic dark-light mode toggle button featuring a playful animation where a robot rolls over while the sun and moon move up and down, respectively. This engaging animation provides a delightful user experience while switching between light and dark themes. The button is designed for smooth and responsive transitions, adding both functionality and charm to your application.

Screenshots

https://github.com/Rakesh9100/Beautiify/assets/137754636/78193165-65f6-4411-9f98-38d5d19ea03e

Checklist

[X] I have checked the existing issues.
[X] I follow Contributing Guidelines of this project.
[X] I am a GSSOC'24 contributor.
[ ] I am a IWOC'24 contributor.
[ ] I am a JWOC'24 contributor.
[ ] I am a SWOC'24 contributor.

Code of Conduct

[X] I agree to follow this project's "Code of Conduct".

github-actions[bot] commented 6 days ago

Hey @Praneeth-2602, Welcome to the project Beautiify! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

saurabhsingh720 commented 4 days ago

@Rakesh9100 New button addition