Hello World 👋

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

Mac Os Monterey

Try it now! : 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 navbar (Bottom and Top).
• New icons are added to the bottom taskbar.
• Menu is added to top taskbar.
• Dots under the icons of open apps.
• Apps name is in top navbar.
• Add light theme to project.
• Right click Menubar.
• control center for control brightness, sound, WiFi and others.

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 those are added:

This is how the new features looks like :)

new feature in this version	Launchpad

Terminal	Calculator App

and also Note 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
• Drop down menu on navbar top
• Terminal app
• Note app
• notification page
• Add more notes on note app
• Calculator app
• Control center
• Preference app
• Map app
• Siri
• VSCode 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
• right click to desktop
• shortcuts for opening app and other parts of site
• Spotlight search
• Change dekstop background
• Spotlight search
• Add change brightness range input

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 🙏❤