DEV Community

loading...
Cover image for Windows 11 in React Js 💻 🌈

Windows 11 in React Js 💻 🌈

Blue edge
Create some chaos
・1 min read

Hello devs,

So this is a windows 11 clone that I made in React in the span of 7 days. Would you like to check out? I bet you wont be able to tell the difference in full screen mode.

Website: win11.blueedge.me
Github: blueedgetechno/windows11

All Apps

Widgets

Snapping tool

And this is just the tip of the iceberg, visit: win11.blueedge.me

Discussion (73)

Collapse
areeburrub profile image
Areeb ur Rub

Cool!
I suggest you to Add

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
Enter fullscreen mode Exit fullscreen mode

So that doesn't resize itself on mobile devices.

Collapse
blueedgetechno profile image
Blue edge Author

It wasn't meant for mobile devices but Thanks for your suggestion.

Collapse
ahmeteneskcc profile image
Ahmet Enes KCC

Cool

Collapse
sami_hd profile image
Sami

I just tricked my brother into thinking that I download windows 11 XD
Just brilliant!

Collapse
blueedgetechno profile image
Blue edge Author

Now that's what we call a pro move

Collapse
pratiksharm profile image
Pratik sharma

you can actually download windows 11 in beta. Just saying. You would have to download it manually though

Collapse
sami_hd profile image
Sami

Yeah but I don't think the trick is worth that work.

Collapse
blueedgetechno profile image
Blue edge Author

I downloaded it in a vm and got the color references and what not

Thread Thread
pratiksharm profile image
Pratik sharma

yeah, you literally clone it :) as a website.

You are great.

It has performance issue or maybe my laptop is slowing down day by day

Collapse
bobbyqgard profile image
Rob Gardner

That's hilarious

Collapse
catalinradoi profile image
CatalinRadoi

Is this the "cloud" version Microsoft was talking about? 🤣

(Looks pretty neat, @blueedgetechno )

Collapse
olivertembo profile image
olivertembo

This is the one. haha

Collapse
blueedgetechno profile image
Blue edge Author

If there is any cloud version then I'm in big trouble 😂

Collapse
blueedgetechno profile image
Blue edge Author

Just visit the site: win11.blueedge.me

Collapse
luismorenomx profile image
Luis Moreno

Great!

Collapse
blueedgetechno profile image
Blue edge Author

Thank you

Collapse
rlogical profile image
Rlogical Techsoft Pvt Ltd

Great post but get to know more here about Microsoft Windows 11 Launched: Know Expected Features, and More.

Collapse
ibeeib profile image
Ibeeib

Wow, I’m amazed 👏

Collapse
shazamshakeel profile image
Shazam Shakeel

Hi @blueedgetechno , Which React UI Library/Framework You used in this Project ?
And What are Your thoughts on React Material UI ?
Thanks !

Collapse
blueedgetechno profile image
Blue edge Author

Apparently I didn't used any React Ui Library, it was all made from scratch. I used tailwind for css, fa fa icons and redux for state handling but not anything for framework. The material ui is really handy when you are building a production app but doesn't seems lucrative when you want customised components.

Collapse
shazamshakeel profile image
Shazam Shakeel

Thanks !

Collapse
mayankkalbhor profile image
Mayank Kalbhor

Great work and keep up the good work

Collapse
itscasey profile image
Casey 💎

This is seriously impressive - great job

Collapse
blueedgetechno profile image
Blue edge Author

Thanks Casey

Collapse
habeeb57 profile image
Habeeb57

Great Work!

Collapse
saurabhh333 profile image
shadow333

If Microsoft sees this.
So he will fire some employees.
😂😂😂

Collapse
boravivek profile image
Vivek Bora

Wow this is really amazing, I can definitely say you are quite skilled on development. Great work with this.

Collapse
atifpasha profile image
sheikh atif

can we install window 11 now?

Collapse
blueedgetechno profile image
Blue edge Author

You can install the insider build, officially from microsoft.

P.S This is a clone not a real one

Collapse
notbigmuzzy profile image
NBM

really awesome!

Collapse
blueedgetechno profile image
Blue edge Author

Thanks, I really appreciate it

Collapse
andrewbaisden profile image
Andrew Baisden

Wow cool!

Collapse
asifsimform profile image
Asif Vora

Awesome

Collapse
zazapeta profile image
Ghazouane

This is huge, well done !

Collapse
mafee6 profile image
MAFEE7

2fps xD

Collapse
mafee6 profile image
MAFEE7

Get ready to be caught be microsoft xD

Collapse
uwemisrael profile image
Uwem

This is so cool.

Collapse
csumm profile image
Carl Summers

This is awesome! I tried to use the browser inside the browser to see if it would work but oh well haha. Really neat!

Collapse
blueedgetechno profile image
Blue edge Author

There are many limitations due to CORS policy, anyway thanks for checking out.

Collapse
kdev2005 profile image
K-Dev2005

Awesome

Collapse
abdelrahmandeghedy profile image
Abdelrahman Deghedy

This is really fantastic! Great work!

Collapse
blueedgetechno profile image
Blue edge Author

Thanks man

Collapse
mahendrakulkarni177 profile image
Mahendra

Awesome !!

Collapse
abhilearnstocode profile image
Abhii

I didn't expect to open microsoft store at all 🤯 It is insanely great man!

Great Work.

Collapse
blueedgetechno profile image
Blue edge Author

You can also open vscode, terminal, calculator, edge and notepad. I will adding many more. Make sure to visit github repo if you have any suggestion.

Collapse
zakiazfar profile image
Mohd Ahmad

WoW 😍😍

Collapse
posandu profile image
Posandu

Thank you for making this !

Collapse
blueedgetechno profile image
Blue edge Author

Thanks for visiting it.

Collapse
pranavbaburaj profile image
Pranav Baburaj

It looks really cool. Great work.

Collapse
monfernape profile image
Usman Khalil

Good one. Really liked the level of details