{"id":25401946,"url":"https://github.com/sumandey7684/mac-os-simulation","last_synced_at":"2026-04-11T14:34:38.176Z","repository":{"id":277394419,"uuid":"932290025","full_name":"sumandey7684/Mac-Os-Simulation","owner":"sumandey7684","description":"This open-source project aims to replicate some of the Mac OS(Monterey, at the time of writing)'s desktop experience on the web, using HTML, CSS \u0026 JavaScript","archived":false,"fork":false,"pushed_at":"2025-02-13T17:31:23.000Z","size":16342,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T08:59:16.374Z","etag":null,"topics":["apple","css","git","html","javascript","macos","nodejs","responsive","simulation"],"latest_commit_sha":null,"homepage":"https://macos-simulation-suman.netlify.app/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sumandey7684.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-13T17:14:49.000Z","updated_at":"2025-02-13T17:39:16.000Z","dependencies_parsed_at":"2025-02-13T18:44:16.478Z","dependency_job_id":null,"html_url":"https://github.com/sumandey7684/Mac-Os-Simulation","commit_stats":null,"previous_names":["sumandey7684/mac-os-simulation"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumandey7684%2FMac-Os-Simulation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumandey7684%2FMac-Os-Simulation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumandey7684%2FMac-Os-Simulation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sumandey7684%2FMac-Os-Simulation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sumandey7684","download_url":"https://codeload.github.com/sumandey7684/Mac-Os-Simulation/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248543861,"owners_count":21121838,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apple","css","git","html","javascript","macos","nodejs","responsive","simulation"],"created_at":"2025-02-16T01:20:50.555Z","updated_at":"2025-12-30T23:05:05.327Z","avatar_url":"https://github.com/sumandey7684.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Hello World 👋\r\n\r\nI am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😍\r\n\r\n\u003ch2 align=\"center\"\u003e\r\n  \u003ca href=\"https://macos-simulation-suman.netlify.app/\" target=\"_blank\"\u003eMac OS Desktop\u003c/a\u003e\r\n\u003c/h2\u003e\r\n\r\n\u003cbr/\u003e\r\n\r\n\u003ch1\u003e\r\n  Mac Os Monterey\r\n\u003c/h1\u003e\r\n\r\n\u003ccenter\u003e\r\n\r\n[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com) \u0026nbsp;\r\n[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com) \u0026nbsp;\r\n[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com) \u0026nbsp;\r\n\r\n\u003c/center\u003e\r\n\r\nYou can try this project:\r\n\r\n\u003cp align=\"center\"\u003e\r\n  Sample Desktop Application 👇\r\n\u003c/p\u003e\r\n\r\n[![Screenshot 2021-09-27 224557](https://user-images.githubusercontent.com/79286306/134971324-e51a4327-12d1-44b3-b66c-8e9a9558b76c.jpg)](https://mhmdmhd6.github.io/Mac-OS-Desktop/)\r\n\r\n\u003cp align=\"center\"\u003e\r\n  Sample Mobile Application 👇\r\n\u003c/p\u003e\r\n                                           \r\n\u003cp align=\"center\"\u003e\r\n  \u003cimg width=\"300\" src=\"https://user-images.githubusercontent.com/79286306/134972775-48abfec8-9774-4b21-82ea-7f375312bf0d.jpg\"\u003e\r\n\u003c/p\u003e\r\n\r\n\u003chr\u003e \u003cbr\u003e\r\n\r\n## Built With\r\n\r\nThis project was built using these technologies.\r\n\r\n- JavaScript\r\n- HTML\r\n- CSS\r\n- BootStrap\r\n- VsCode\r\n- Deployed on Vercel\r\n\r\n## Features are: 😀\r\n\r\n- New background image.\r\n- Blurring the navbar (Bottom and Top).\r\n- New icons are added to the bottom taskbar.\r\n- Menu is added to top taskbar.\r\n- Dots under the icons of open apps.\r\n- Apps name is in top navbar.\r\n- Add light theme to project.\r\n- Right click Menubar.\r\n- control center for control brightness, sound, WiFi and others.\r\n\r\n## Sample images for the changes are as follow:👇\r\n\r\n\u003chr\u003e \u003cbr\u003e\r\n\r\nIn this version I have added new icons, launchpad, Notepad and calculator. 😃\r\nAn example of new icons those are added:\r\n\r\n\u003e This is how the new features looks like :)\r\n\r\n| new feature in this version                                                                                           | Launchpad                                                                                                           |\r\n| --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |\r\n| ![new feature](https://user-images.githubusercontent.com/79286306/134972995-e7fc56e8-6a91-4b27-90cc-c0d968cb2209.jpg) | ![launchpad](https://user-images.githubusercontent.com/79286306/134975627-07cec7d6-4327-42cf-847b-6893eea9d48c.jpg) |\r\n\r\n| Terminal                                                                                                                       | Calculator App                                                                                                                 |\r\n| ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |\r\n| \u003cimg src=\"https://user-images.githubusercontent.com/79286306/134975665-f7e81071-18a2-4f2c-b034-bb1ec99e1be2.jpg\" width=\"100%\"\u003e | \u003cimg src=\"https://user-images.githubusercontent.com/79286306/134975739-5c816139-df8b-4bd5-bba0-9dbbaafcbbab.jpg\" width=\"100%\"\u003e |\r\n\r\nand also Note app\r\n\r\n![note](https://user-images.githubusercontent.com/79286306/136186848-1a675a71-4cb6-4ab2-9445-bb53c9746641.jpg)\r\n\r\n\u003chr\u003e\r\n\r\n📌 Please feel free to contribute to this project with your commmits, and share this with your friends if you like this projects.😁 😃\r\n\r\n\u003c!-- ### List of components for this project:\r\n\r\n\u003e - [x] Navbar top\r\n\u003e - [x] Dock\r\n\u003e - [x] Clock **(AM , PM)**\r\n\u003e - [x] Date\r\n\u003e - [x] App Window\r\n\u003e - [x] Dot Under icons\r\n\u003e - [x] Drop down menu on navbar top\r\n\u003e - [x] Terminal app\r\n\u003e - [x] Note app\r\n\u003e - [x] Add more notes on note app\r\n\u003e - [x] Calculator app\r\n\u003e - [x] Control center\r\n\u003e - [ ] Preference app\r\n\u003e - [ ] Map app\r\n\u003e - [ ] Siri\r\n\u003e - [x] VSCode app\r\n\u003e - [ ] Weather app\r\n\u003e - [ ] Calendar app\r\n\u003e - [x] Launchpad\r\n\u003e - [x] search in Launchpad\r\n\u003e - [x] Launchpad icons vibrate\r\n\u003e - [ ] Launchpad change page\r\n\u003e - [x] Launchpad animation\r\n\u003e - [ ] dragable icon on dock\r\n\u003e - [ ] right click to duck icons\r\n\u003e - [x] right click to desktop\r\n\u003e - [x] shortcuts for opening app and other parts of site\r\n\u003e - [x] Spotlight search\r\n\u003e - [ ] Change dekstop background\r\n\u003e - [x] Spotlight search\r\n\u003e - [ ] Change dekstop background\r\n\u003e - [x] Add change brightness range input\r\n\u003e - [x] shortcuts for opening app and other parts of site --\u003e\r\n\r\n## list of Shorcuts : \u003cbr\u003e\r\n\r\n\u003e Alt + t = opening Terminal \u003cbr\u003e\r\n\u003e Alt + o = opening Launchpad \u003cbr\u003e\r\n\u003e Alt + s = opening serach in launchpad \u003cbr\u003e\r\n\r\n### 🛠 Installation and Setup Instructions\r\n\r\nTo get started just clone this repository. You will need `node.js` and `git` installed globally on your machine.\r\n\r\n### Show your support\r\n\r\nGive a ⭐ if you like this website! Fork it and contribute\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsumandey7684%2Fmac-os-simulation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsumandey7684%2Fmac-os-simulation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsumandey7684%2Fmac-os-simulation/lists"}