Hello World 👋
I am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😀
Mac Os Monterey
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 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 🙏❤