I've crafted a sleek and interactive Mac OS desktop experience entirely using HTML, CSS, and JavaScript, bringing the familiar look and feel of macOS to the web. Explore a user-friendly interface and enjoy a seamless web-based desktop environment.
📌 Please feel free to contribute to this project with your commits, and share this with your friends if you like this projects.😁 😃
- 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
- Map app
- VSCode app
- Launchpad
- search in Launchpad
- Launchpad icons vibrate
- Launchpad animation
- right click to desktop
- shortcuts for opening app and other parts of site
- Spotlight search
- Spotlight search
- Add change brightness range input
Alt + t = opening Terminal
Alt + o = opening Launchpad
Alt + s = opening serach in launchpad
Please install the extension https://chromewebstore.google.com/detail/ignore-x-frame-headers/gleekbfjekiniecknbkamfmkohkpodhe or https://microsoftedge.microsoft.com/addons/detail/allow-xframeoptions/didlaemnndoppgpmmoglkcmaoghlicdp to see the apple maps website in the iframe
- macOS monterey_old.html: fork from github.com/AtharvaJoshi12/Mac-OS-clone and merge to 1 file
- macOS monterey.html: change google map to apple map, vscode to monaco editor
- macOS sequoia.html: change wallpaper
- macOS tahoe beta 1.html: change icons and wallpaper and transparent dock, add dropdowns
- macOS tahoe beta 2.html: calculator now can't be maximized
- macOS tahoe beta 3.html: new spotlight
- macOS tahoe beta 4.html: spotlight get updated
- macOS tahoe beta 5.html: fix app name bold