Press "Enter" to skip to content

Windows 11 UI Recreated with HTML, CSS, and Vanilla JS

The new Windows 11 user interface is built using JavaScript, HTML, and CSS.

windows style css, windows css framework, windows 11 html recreation, windows 11 style website, windows 11 release date

How to make use of 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>

Windows 11 UI, Windows 11 home screen Plugin/Github


See Demo And Download

Official Website(ankityadavhere): Click Here

This superior jQuery/javascript plugin is developed by ankityadavhere. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *