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: 😀

• [x] New background image.
• [x] Bluring the navbar (Bottom and Top).
• [x] New icons are added to the bottom taskbar.
• [x] Menu is added to top taskbar.
• [x] Dots under the icons of open apps.
• [x] Apps name is in top navbar.
• [x] Add light theme to project.
• [x] Right click Menubar.
• [x] 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 commits, and share this with your friends if you like this projects.😁 😃

List of components for this project:

• [x] Navbar top
• [x] Dock
• [x] Clock (AM , PM)
• [x] Date
• [x] App Window
• [x] Drop down menu on navbar top
• [x] Terminal app
• [x] Note app
• [x] notification page
• [x] Add more notes on note app
• [x] Calculator app
• [x] Control center
• [ ] Preference app
• [x] Map app
• [ ] Siri
• [x] VSCode app
• [ ] Weather app
• [ ] Calendar app
• [x] Launchpad
• [x] search in Launchpad
• [x] Launchpad icons vibrate
• [ ] Launchpad change page
• [x] Launchpad animation
• [ ] dragable icon on dock
• [ ] right click to duck icons
• [x] right click to desktop
• [x] shortcuts for opening app and other parts of site
• [x] Spotlight search
• [ ] Change dekstop background
• [x] Spotlight search
• [x] 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 🙏❤