https://github.com/sumandey7684/mac-os-simulation

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 & JavaScript
https://github.com/sumandey7684/mac-os-simulation

apple css git html javascript macos nodejs responsive simulation

Last synced: 2 months ago
JSON representation

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 & JavaScript

• Host: GitHub
• URL: https://github.com/sumandey7684/mac-os-simulation
• Owner: sumandey7684
• License: mit
• Created: 2025-02-13T17:14:49.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-13T17:31:23.000Z (over 1 year ago)
• Last Synced: 2025-04-12T08:59:16.374Z (about 1 year ago)
• Topics: apple, css, git, html, javascript, macos, nodejs, responsive, simulation
• Language: HTML
• Homepage: https://macos-simulation-suman.netlify.app/
• Size: 15.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Hello World 👋

I am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😍



  Mac OS Desktop








  Mac Os Monterey



[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)  

[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)  

[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com)  

You can try this project:



  Sample Desktop Application 👇



[![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/)



  Sample Mobile Application 👇



                                           



  



 


## Built With

This project was built using these technologies.

- JavaScript

- HTML

- CSS

- BootStrap

- VsCode

- Deployed on Vercel

## Features are: 😀

- New background image.

- Blurring 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                                                                                                           |

| --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |

| ![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) |

| Terminal                                                                                                                       | Calculator App                                                                                                                 |

| ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |

|  |  |

and also Note app

![note](https://user-images.githubusercontent.com/79286306/136186848-1a675a71-4cb6-4ab2-9445-bb53c9746641.jpg)



📌 Please feel free to contribute to this project with your commmits, and share this with your friends if you like this projects.😁 😃

## list of Shorcuts : 


> Alt + t = opening Terminal 


> Alt + o = opening Launchpad 


> Alt + s = opening serach in launchpad 


### 🛠 Installation and Setup Instructions

To get started just clone this repository. You will need `node.js` and `git` installed globally on your machine.

### Show your support

Give a ⭐ if you like this website! Fork it and contribute