As-You-Like / Mac-OS-Desktop

created mac OS desktop with html , css , js 😀

Hello World 👋

I am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😀

You can try this project: https://mhmdmhd6.github.io/Mac-OS-Desktop

                                  Sample Desktop Application 👇

                                   Sample Mobile Application 👇

---

New Available features in this recent versions are: 😀

• New background image.
• Bluring the taskbars (Bottom and Top).
• New icons are added to the bottom taskbar.
• Menu is added to top taskbar.
• Dots under the icons of open apps.

Sample images for the changes are as follow:👇

---

In this version I have added new icons, launchpad, Notepad and calculator. 😃 An example of new icons that are added:

This is how the new features looks like :)

new feature in this version	Launchpad

Note app	Calculator App

---

📌 Please feel free to contribute to this project with your commmits, and share this with your friends if you like this projects.😁 😃

List of components for this project:

• Navbar top
• Dock
• Clock (AM , PM)
• Date
• App Window
• Dot Under icons
• Drop down menu on navbar top
• Terminal app
• Note app
• Add more notes on note app
• Calculator app
• Control center
• Search on navbar
• Preference app
• Map app
• Weather app
• Calendar app
• Launchpad
• search in Launchpad
• Launchpad icons vibrate
• Launchpad change page
• Launchpad animation
• dragable icon on dock
• right click to duck icons
• shortcuts for opening app and other parts of site

list of Shorcuts :
Alt + t = opening Terminal
Alt + o = opening Launchpad
Alt + s = opening serach in launchpad

Acknowledgements

Thanks @neysidev (Mehdi Neysi), @m-kashani (Mahdi Kashani) , @pooria faramarzian and @safaeean (Hossein Piri) for helping me to improve this project 🙏❤