Windows 11 UI In JavaScript

Preview:

Description:

Windows’ new Windows 11 user interface created with JavaScript, HTML, and CSS.

See Also:

• Windows 95 Theme For Bootstrap 4 – Win95.css
• Windows 98 CSS Framework – 98.css
• Windows XP CSS Framework – XP.css

How to use it:

1. Load the required JavaScript and Stylesheet.

<link rel="stylesheet" href="css/style.css" />
<script src="js/script.js"></script>

2. Code the HTML for the Windows 11 UI.

<div class="taskbar">
  <img src="assets/taskbar-icons.png" draggable="false" alt="Taskbar">
  <img class="right" draggable="false" src="assets/taskbar-misc.png" alt="Taskbar misc">
</div>
<div class="startMenu">
  <img src="assets/start-menu.png" alt="Start Menu">
</div>
<video autoplay>
  <source src="assets/background-animate.webm" type="video/webm">
</video>