os-windows11 - GitLite

KO | EN

gitlite — search

#python #rust #linux #nodejs #java #windows #awesome #cli #kubernetes #pytorch #mcp #ios #openai #open-source

os-windows11

(★ 53)

Windows 11 ❤️ | by Nemanja Dragun with Nuxt.js and Tailwind CSS

File Explorer

Download Latest Version (.zip)

- - ci.yml
- settings.json
- router.options.ts
- - main.scss
  - tailwind.css
- - fonts.css
  - SegoeUI.woff
  - SegoeUIBold.woff
  - SegoeUIBoldItalic.woff
  - SegoeUIItalic.woff
- - ci.yml
- useDesktop.ts
- useElementValidation.ts
- useManipulateWindow.ts
- useSnapResize.ts
- useStoreLocal.ts
- useWeather.ts
- app.enum.ts
- themes.enum.ts
- default.vue
- error.vue
- - index.vue
- index.vue
- 000_init.ts
- 001_validate-version.client.ts
- vercel.client.ts
- - my-pc.png
- apple-touch-icon.png
- favicon.ico
- favicon.png
- contextMenuStore.ts
- desktopStore.ts
- dockStore.ts
- personalizationStore.ts
- about-modal.spec.ts
- seo.spec.ts
- dayjs.ts
- log.spec.ts
- log.ts
.env.example
.eslintrc.js
.gitignore
.nvmrc
app.vue
CODE_OF_CONDUCT.md
CONTRIBUTING.md
error.vue
FEATURES.md
LICENSE
nuxt.config.ts
package-lock.json
package.json
playwright.config.ts
README.md
SECURITY.md
tailwind.config.js
tsconfig.json
vitest.config.js

# Installation Guide

1. Get the code

git clone https://github.com/ndragun92/os-windows11

Downloads the entire project code from GitHub to your computer.

cd os-windows11

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm run dev

Starts the development/run server.

npm run build

Builds optimized production files.

npm run preview

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Windows 11 in Nuxt 3 + Tailwind CSS

[![Follow me](https://img.shields.io/github/followers/ndragun92?label=follow%20me&style=social)](https://github.com/ndragun92)
[![Join](https://img.shields.io/discord/1081360531832717362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/rcU9d5QyST)

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/ndragun92)

This is an open-source project made in the hope to replicate the Windows 11 desktop experience on the web using standard web technologies like Nuxt.js, SCSS, Tailwind CSS.

## Notice

> This project is **not in any way affiliated with Microsoft** and **should not be confused with Microsoft’s Operating System** or Products.
> This is **not** a Windows 365 cloud PC.

**Documentation**:
Coming soon...

## _This project is still a work in progress._

#### Live Experience🌈: [os-windows11.vercel.app](https://os-windows11.vercel.app/)

![Home](https://os-windows11.vercel.app/favicon.png)

## Translation

Coming soon...

# Gallery

![image](https://os-windows11.vercel.app/_vercel/image?url=/images/preview/1.png&w=1536&q=60)

# Why

Since this is a complex project it will be a valuable source for a lot of developers out there

# Features

[Check here](https://github.com/ndragun92/os-windows11/blob/main/FEATURES.md)

📑 [If you have your own idea submit it here](https://github.com/ndragun92/os-windows11/discussions/categories/ideas)

# Stack

- Framework - Nuxt 3 + Pinia
- Component/UI Library - None
- Styling Solution - SCSS and CSS Modules (Tailwind CSS).
- Icons - nuxt-icon

## FAQ

- Is this the full operating system?
    - No, This is not an entire operating system, and It is also not affiliated with Microsoft in any way.
- How long did it take?
    - I started with this project around 1 week ago
- Did you use any UI/Library?
    - No.
- Can I contribute?
    - Yes, you can! Open an issue, create a pull request, head over to [discussions](https://github.com/ndragun92/os-windows11/discussions), or join the [Discord](https://discord.gg/rcU9d5QyST).
- Where did you get the inspiration from, if you have?
    - To be honest, since I am a fan of Windows 11 I came to the random idea to recreate it in the browser

## 🌟 Star this project

### [Click here to ⭐️ a project](https://github.com/ndragun92/os-windows11)

---
## Contributors

<a href="https://github.com/ndragun92/os-windows11/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=ndragun92/os-windows11" />
</a>

### Known Issues

- Blur not working in the Firefox browser.

###### Solution:

1. Open `about:config` in your firefox browser.
2. Search for `layout.css.backdrop-filter.enabled` and set it to `true`.

## License

⚖️ [CC0-1.0 License](https://github.com/ndragun92/os-windows11/blob/main/LICENSE)

## Sharing

Although our license does allow for this project to be reposted, modified and shared without permission from us, we do kindly ask that credits are given to the original GitHub page and the os-windows11 repo when reposting the project publicly.

---
## Development

[Website preview URL](https://os-windows11.vercel.app/)

If you are interested in Nuxt.js visit [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.

If you are interested in Tailwind visit [TailwindCSS documentation](https://tailwindcss.com/) to learn more.

## Setup

Make sure to install the dependencies:

```bash
# npm
npm install
```

## Development Server

Start the development server on http://localhost:3000

```bash
npm run dev
```

## Production

Build the application for production:

```bash
npm run build
```

Locally preview production build:

```bash
npm run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.