https://github.com/rededge967/macos-css

Next version of macos-web. made with CSS, HTML and Javascript
https://github.com/rededge967/macos-css

big-sur macos macos-web web-simulator

Last synced: 3 months ago
JSON representation

Next version of macos-web. made with CSS, HTML and Javascript

• Host: GitHub
• URL: https://github.com/rededge967/macos-css
• Owner: RedEdge967
• Created: 2021-11-27T00:56:08.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-02-28T15:36:30.000Z (almost 2 years ago)
• Last Synced: 2025-10-10T20:32:19.840Z (3 months ago)
• Topics: big-sur, macos, macos-web, web-simulator
• Language: CSS
• Homepage: https://macos-css.vercel.app
• Size: 90.8 KB
• Stars: 67
• Watchers: 2
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
# Macos Big sur web

> #### 🛑 macos-css is the next version of my other [macOS-web.](https://github.com/RedEdge967/macOS-web) It was the old version of macOS web recreation.

---

## What is macos-in-css

- macos-css is my next version of [macOS-web.](https://github.com/RedEdge967/macOS-web)

- Made in HTML5, CSS3 and Javascript

---

## Features

- Time (Seconds also can be viewed)

- Finder UI

- Day and Night wallpapers (after 6pm, it turns in to night wallpaper)

- Calender

- Notification banner

- Settings UI

- Terminal

- Apple Menu UI

- A Messenger app UI

- Right click (Only Refresh is available)

- Lock screen

- Log out/in user

- App Search

---

## Preview of MacOS Big sur web

![Lockscreen](https://user-images.githubusercontent.com/91379432/146754775-e9649ab1-941f-4f7b-bbcd-c4caf5aeaef1.PNG)

![Desktop](https://user-images.githubusercontent.com/91379432/146754788-21770a76-15ab-473e-85b3-2a9e192e8726.PNG)

![Finder UI](https://user-images.githubusercontent.com/91379432/146754802-e84f5823-900d-4425-be53-2f8c350c6e2a.PNG)

![Notification bar](https://user-images.githubusercontent.com/91379432/146754804-af04b00c-6be1-460e-89f3-52d42a807089.PNG)

![Calender](https://user-images.githubusercontent.com/91379432/146754814-35018abd-352a-4947-8230-85a24558af20.PNG)

![Settings](https://user-images.githubusercontent.com/91379432/146754818-71f1451a-f730-427c-af15-066c5b94d49d.PNG)

![Terminal](https://user-images.githubusercontent.com/91379432/146754822-12fb5b47-07cb-44e8-bbf7-69ac7101f5ec.PNG)

![Top Bar](https://user-images.githubusercontent.com/91379432/146754826-42875ad1-46ca-433d-8fd5-ad5b40d2393c.PNG)

![App search](https://user-images.githubusercontent.com/91379432/146754832-928f245f-e3f0-4f4e-a371-643f27947655.PNG)

---

> #### 🛑 Password = 123

---

## [Live view (https://macos-css.vercel.app)](https://macos-css.vercel.app)

---

### Browser Support

![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![IE](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Opera](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)

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

Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |

---

## Can I [Contribute?](https://github.com/RedEdge967/MacOS-CSS/blob/master/CONTRIBUTING.md)

- Sure, open an issue, point out errors, and what not. Wanna fix something yourselves, you're welcome to open a pull request and I appreciate it.