yyds!五个前端开源项目带你在Web上体验Windows

系统 Windows
使用 React、Styled-Components、react-use 等开发的网页版 Windows XP 系统。它提供了类似于Windows XP的开始菜单、任务栏、窗口管理、图标等视觉元素,并模拟了一些Windows XP的功能,如文件管理、应用程序运行等。

本文来分享五个 yyds 的开源项目,这些项目把 Windows 带到了 Web 平台上。让我们一起感受这些项目带来的回忆和创新,重温 Windows 93、98、XP 和 7 的经典界面,甚至探索现代概念中的 Windows 11 和 12!

Windows 12

使用 JavaScript、CSS、HTML 等技术开发的网页版 Windows 12,且支持深色模式。作者希望让用户在web上预先体验Windows 12。系统很多操作都内置了动画效果,操作起来非常丝滑,流畅。

图片图片

图片图片

在线体验:https://tjy-gitnub.github.io/win12/desktop.html

Github:https://github.com/tjy-gitnub/win12

Windows 11

Win11 in React 是一个使用 React、Redux、Vite、firebase 等技术开发的复制 Windows 11 桌面体验的React项目。让开发者可以在浏览器上就可以体验 Windows 11 操作系统的魅力。

图片图片

图片图片

在线体验:https://win11.blueedge.me/

Github:https://github.com/blueedgetechno/win11React

Window 7

使用 Vue 3、Vite 等技术开发的网页版 Window 7。

图片图片

图片图片

在线体验:https://nainemom.github.io/win7/

Github:https://github.com/nainemom/win7

Windows XP

使用 React、Styled-Components、react-use 等开发的网页版 Windows XP 系统。它提供了类似于Windows XP的开始菜单、任务栏、窗口管理、图标等视觉元素,并模拟了一些Windows XP的功能,如文件管理、应用程序运行等。

图片图片

图片图片

在线体验:https://winxp.vercel.app/

Github:https://github.com/ShizukuIchi/winXP

Windows 98

使用 JavaScript、CSS、HTML 等技术开发的基于Web的Windows 98桌面模拟系统重制版。包括以下功能:记事本 、录音机、画图工具、计算器、3D管道屏保、3D花盒屏保、扫雷游戏、纸牌游戏、弹球游戏、Winamp 2.9播放器、Windows资源管理器/Internet Explorer、帮助查看器、Clippy 等。

图片图片

图片

在线体验:https://98.js.org/

Github:https://github.com/1j01/98

彩蛋

Windows 93(未开源)

图片图片

图片图片

在线体验:https://www.windows93.net/

Windows 2000(未开源)

图片图片

图片图片

在线体验:http://copy.sh/v86/?profile=windows2000

责任编辑:武晓燕 来源: 前端充电宝
相关推荐

2018-03-28 09:08:39

微软开源Windows

2015-12-01 16:39:04

工业4.0华为

2015-07-23 14:09:15

CygwinWindowsLinux

2023-11-13 10:11:49

开源前端

2014-07-22 15:33:02

Ubuntu

2023-06-05 09:28:18

2023-06-24 23:05:24

2022-01-13 08:30:26

前端开发开源

2024-01-18 10:10:27

2009-08-14 09:35:31

Windows 7云计算LiveMesh

2019-12-23 16:42:44

JavaScript前端开发

2015-01-15 10:50:46

CoreOSUnitedStackDocker

2018-09-10 13:55:19

2018-09-04 23:28:06

2022-04-18 07:51:31

Web框架模板

2022-08-12 09:01:50

开源低代码

2023-06-29 07:37:26

2015-03-16 16:01:40

Web前端前端工程师Web

2019-02-26 09:42:14

开源技术 趋势

2021-11-02 15:07:22

Web前端开发
点赞
收藏

51CTO技术栈公众号