Skip to content

Windows 11 UI WEB-BASED. works directly on your Browser! made by Laaouatni. Using only HTML, CSS and Vanilla Javascript (No Framework)

License

Notifications You must be signed in to change notification settings

Laaouatni/w11CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Windows 11 CSS

thanks for the ⭐ stars...
the code isn't the best, I know but unfortunately,

I won't edit this repo, to keep it simple for junior devs (like I was 2 years ago)
because if is starred a lot I think is good as it is.

sorry (you can change it if you want to, to make it even better)

online website

w11-clone.vercel.app


User Interface

windows 11 interfaccia clone


table of contents


✅NEW FEATURE: on mouse_move, it will create a dinamic selection drag

selection drag windows 11 clone

Start Menu (with Animations)

static image of START menu (windows 11)

windows 11 start section clone

gif of the animation on START menu (Windows 11)

windows 11 start menu animation


Widget TaskBar Section of windows 11

static image of WIDGET section when is Active (windows 11)

windows 11 widget section clone

gif of the animation on WIDGET section (Windows 11)

Widget windows 11 animation


create new windows tab on click of any icon

static image of new tab when generated (Windows 11)

windows tab windows 11 clone

gif of the animation of new tab when generated (Windows 11)

windows tab window generated, windows 11 dark animation


movable and resizable tab window

static image of movable and resizable tab window (Windows 11)

windows 11 tab movement and rezible clone

gif with animation of this functionality

movable window functionality (onmousemove)

movable window in windows 11 clone html css javascript animation

RESIZE window functionality (without using Javascript)

resize window in windows 11 clone animation


windows 11 snap functionality

left snap

static image of LEFT SNAP functionality

windows 11 clone tab, can fit all right or left space

animated gif of LEFT SNAP functionality

left snap animation windows 11

right snap

static image of RIGHT SNAP functionality

Immagine 2021-12-11 123206

all_screen snap

static image of FULL_SCREEN snap functionality

all height tab windows 11 clone

animated gif of FULL_SCREEN snap functionality

full screen window tab in windows 11


if window minimized, the icon is in NavBar (all this is centered automatically)

static image

navbar windows 11 html css clone

animated gif

gif navbar minimized icons


w11 views

views count started from 3 February, but the project is uploaded on december.