shizukuichi/winxp

★ 5,814JavaScriptAudience · generalComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((WinXP))
    What It Does
      Browser XP desktop
      No installation needed
    Built-In Apps
      Minesweeper
      Paint and Notepad
      Winamp player
    Tech Stack
      JavaScript
      React
      Webamp and JS Paint
    UI Features
      Draggable windows
      Start menu
      Taskbar

mindmap root((WinXP)) What It Does Browser XP desktop No installation needed Built-In Apps Minesweeper Paint and Notepad Winamp player Tech Stack JavaScript React Webamp and JS Paint UI Features Draggable windows Start menu Taskbar

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Add a nostalgia-themed Windows XP desktop experience to a personal website or portfolio to delight visitors.

USE CASE 2

Study how draggable, resizable window management is implemented in a React app.

USE CASE 3

Use as a creative in-browser playground to play Minesweeper or sketch in Paint without installing anything.

USE CASE 4

Fork the project and add a new built-in app to learn how the window and Start menu system is wired together.

Tech stack

JavaScriptReactWebampJS Paint

Getting it running

Difficulty · easy Time to first run · 5min

Educational project with no Microsoft affiliation, the Windows XP name and artwork are Microsoft trademarks.

In plain English

WinXP is a recreation of the Windows XP desktop that runs inside a web browser. Instead of installing anything, you visit a URL and see a familiar-looking interface with a taskbar, desktop icons, and a Start menu modeled after the original operating system from 2001. Several built-in applications work directly in the browser. Minesweeper, Notepad, Paint, and a version of Internet Explorer can all be opened by clicking desktop icons or using the Start menu. A music player styled after the classic Winamp application is also included, as is a My Computer window. Windows can be dragged around, resized, minimized, and maximized, matching the behavior of the original XP interface. The project is built with JavaScript and React. It credits two separate open-source tools for specific pieces: Webamp, a Winamp 2 reimplementation by captbaritone, and JS Paint, a browser-based recreation of Microsoft Paint by 1j01. Both are incorporated here rather than built from scratch. The README notes that the Windows XP name, artwork, and trademarks belong to Microsoft, and that this project exists for educational purposes without any affiliation with or approval from Microsoft. The scope is intentionally limited: the project recreates the visual experience of the XP desktop in a browser but does not simulate an actual operating system or run real Windows software. The README is brief and the feature list is small, so what you see described here is what the project currently covers.

Copy-paste prompts

Prompt 1

I want to add draggable, resizable windows to my React app like Windows XP. Show me the core pattern the WinXP project uses.

Prompt 2

How does the WinXP project integrate Webamp and JS Paint as embedded apps inside its React windowing system?

Prompt 3

I want to fork WinXP and add a new fake browser app to the Start menu. Walk me through where to register the new app and render it in a window.

Prompt 4

Show me how WinXP implements the taskbar in React, how it tracks open windows, handles minimize, and switches focus.

Prompt 5

I want to deploy the WinXP project to GitHub Pages. What build command should I run and how do I configure the base path?

Open on GitHub → Explain another repo

← shizukuichi on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.