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 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.
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.๐ ๐
- 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
- 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
- Change dekstop background
- Add change brightness range input
- shortcuts for opening app and other parts of site
Alt + t = opening Terminal
Alt + o = opening Launchpad
Alt + s = opening serach in launchpad
Thanks @neysidev (Mehdi Neysi), @m-kashani (Mahdi Kashani) , @pooria faramarzian and @safaeean (Hossein Piri) for helping me to improve this project ๐โค