https://github.com/puruvj/macos-preact

https://github.com/puruvj/macos-preact

bigsur css css-modules desktop html html-css-javascript javascript macos preact typescript vite web

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/puruvj/macos-preact
• Owner: PuruVJ
• License: mit
• Created: 2020-11-17T15:08:40.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T13:58:04.000Z (over 1 year ago)
• Last Synced: 2024-10-14T02:21:39.270Z (26 days ago)
• Topics: bigsur, css, css-modules, desktop, html, html-css-javascript, javascript, macos, preact, typescript, vite, web
• Language: TypeScript
• Homepage: https://macos-preact.now.sh
• Size: 446 MB
• Stars: 1,026
• Watchers: 15
• Forks: 82
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-os - macOS-preact - preact.vercel.app) | ( MACINTOSH)

README

        
> 🛑🛑 You're viewing the legacy version. macOS Web has moved over to Svelte! Check out here: [PuruVJ/macos-web](https://github.com/puruvj/macos-web) 🛑🛑

# Mac OS Monterey Web

This open source project aims to replicate some of the Mac OS(Moneterey, at the time)'s desktop experience on web, using standard web technologies like HTML, CSS and JS

🔗🔗 [macos.now.sh](https://macos.now.sh)

# Why

I've always been very fascinated with macOS, and have never owned a Mac/book. So I'm making the most beautiful aspect of macOS, it's desktop, myself. For web. Inspired from [WinXP](https://winxp.now.sh/).

# Stack

- Framework - Preact (Earlier React. Swapped for runtime performance gains)

- Bundler - Vite, for super fast development.

- Component Library - None!!

- Styling Solution - SCSS and CSS Modules.

[Roadmap](https://www.notion.so/MacOS-Web-Roadmap-274d703460564ea3bb5493b39bf8f886)

# When will it be ready?

![Who knows?](https://i.imgur.com/6xfbPzs.gif)

# Can I contribute?

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