Tailwind Resources Logo Tailwind Resources
Win11 Svelte screenshot

Win11 Svelte

Author Avatar Theme by Yashash pugalia
Updated: 18 Jul 2024
1435 Stars

Recreating Windows 11 with Svelte.

Github Live Preview

Categories

Svelte Vite Scss

Overview

Windows 11 in Svelte is an open-source project aimed at recreating the Windows 11 desktop experience on the web. It is not a full operating system and is not affiliated with Microsoft. The goal of this project is to provide a familiar and efficient user interface that resembles Windows 11.

Features

  • Desktop & Taskbar: The project includes a desktop and taskbar that closely resemble the Windows 11 layout.
  • Action Center, Calendar, Search, Start & Widgets: Users can access the action center, calendar, search, start menu, and widgets, providing a comprehensive Windows 11 experience.
  • Calculator, Camera, Edge Browser, Notepad, Settings, VS Code: The project offers various built-in applications, including a calculator, camera, Edge browser, notepad, settings, and VS Code.
  • Resize windows: Users can easily resize windows on the interface, allowing for a customizable workspace.
  • Dark mode: The project supports a dark mode, which can be activated for a more comfortable viewing experience.
  • Responsiveness: The interface is designed to be responsive and adapt to different screen sizes.

Installation

To install the Windows 11 in Svelte project, follow these steps:

  1. Clone the project repository from GitHub:
git clone https://github.com/username/project.git
  1. Navigate to the project folder:
cd project
  1. Install the project dependencies using your preferred package manager (e.g., npm or yarn):
npm install

or

yarn install
  1. Start the development server:
npm run dev

or

yarn dev
  1. Access the Windows 11 interface in your browser at http://localhost:5000.

Summary

The Windows 11 in Svelte project aims to replicate the Windows 11 desktop experience on the web. It offers a variety of features, including a desktop, taskbar, built-in applications, dark mode, and responsiveness. The project leverages Svelte, Vite, CSS, and Tailwind to create a visually appealing and efficient user interface. It is open source and available for contributions. The project has received recognition and attention from various sources, including being nominated for “Fun Side Project of the Year” at the JS Open Source Awards 2023. The software is published under the MIT License and is hosted on Vercel.