https://github.com/tszhong0411/windows-11-on-web

Bringing the Windows 11 experience to the web browser. Interact with a web-based version of Windows 11.
https://github.com/tszhong0411/windows-11-on-web

clone nextjs react vercel win11 win11-on-web

Last synced: 12 days ago
JSON representation

Bringing the Windows 11 experience to the web browser. Interact with a web-based version of Windows 11.

• Host: GitHub
• URL: https://github.com/tszhong0411/windows-11-on-web
• Owner: tszhong0411
• License: mit
• Created: 2023-07-12T13:53:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-12T18:49:05.000Z (17 days ago)
• Last Synced: 2025-01-12T19:37:37.326Z (17 days ago)
• Topics: clone, nextjs, react, vercel, win11, win11-on-web
• Language: TypeScript
• Homepage:
• Size: 2.59 MB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> [!WARNING]  

> This is an abandoned project. Feel free to explore it for inspiration!

# 🖥️ Windows 11 Web (WIP)

This project aims to provide a web-based version of Windows 11, allowing users to experience Windows 11 directly from their web browser.

## 🚀 Things need to be fixed

### Quick settings

- Edit quick settings is not functional

- Nearby sharing is not functional

### Calendar

- Scroll animation

- Years calculate in decade view is not accurate

- Focus is not functional

### Taskbar

- Show desktop is not functional

- Dropdown menu animation

### Desktop

- Context menu is not functional

### Start menu

- Animation when change to all apps view / pinned and recommended view

### UI

- Scroll area: scrollbar animation

## 📃 Resources

- **Segoe Fluent Icons**: Segoe Fluent Icons is a comprehensive set of icons designed by Microsoft. These icons follow the Fluent Design System and can be used to enhance the visual appeal of your web application. You can find more information and download the Segoe Fluent Icons font from [official Microsoft documentation](https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font).

- **System Font**: Windows 11 uses a specific system font to maintain visual consistency. You can download the official Windows system font from [Microsoft Design Downloads](https://learn.microsoft.com/en-us/windows/apps/design/downloads/#fonts) page.

- **App Icons**: To get the application icons, you can use the Bot Productions IconView tool. You can download it from [Bot Productions IconView](https://www.botproductions.com/iconview/download.html) website.

- **Microsoft Fluent system iconography**: Microsoft Fluent system iconography provides a set of icons and visual assets that align with the Fluent Design System. You can access the icons and assets from [Microsoft Fluent system iconography Figma file](https://www.figma.com/community/file/836835755999342788).

- **Shell Template - Windows 11**: The Shell Template for Windows 11 is a Figma file that provides a design template for creating Windows 11-style interfaces. You can access the Shell Template from [Figma Community](https://www.figma.com/community/file/1035524331682993208).

- **Windows UI 3**: The Windows UI toolkit provided by Microsoft which contains a set of components. You can access it from [Windows UI 3](https://www.figma.com/community/file/1159947337437047524)

## 💖 Inspiration

- **win11React** - [https://github.com/blueedgetechno/win11React](https://github.com/blueedgetechno/win11React)

- **daedalOS** - [https://github.com/DustinBrett/daedalOS](https://github.com/DustinBrett/daedalOS)