DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Windows 11 in React Js πŸ’» 🌈
Blue edge
Blue edge

Posted on

Windows 11 in React Js πŸ’» 🌈

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

Top comments (110)

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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
areeburrub profile image
Info Comment hidden by post author - thread only accessible via permalink
Areeb ur Rub

It's also good but this one is also not compatible with mobile devices, I mean in tablets also you don't want anyone to zoom in for that you can also use the same meta tag.

rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Thanks For your feedback..
I am trying to making it compatible with mobile devices...

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
biomathcode 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.

Thread Thread
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
blueedgetechno profile image
Blue edge Author

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

Thread Thread
biomathcode 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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
bobbyqgard profile image
Rob Gardner

That's hilarious

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

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
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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
abdelrahmandeghedy profile image
Abdelrahman Deghedy

This is really fantastic! Great work!

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
blueedgetechno profile image
Blue edge Author

Thanks man

Collapse
posandu profile image
Posandu |πŸ”₯|

Thank you for making this !

Collapse
blueedgetechno profile image
Blue edge Author

Thanks for visiting it.

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
hash_codes profile image
HashCodes

Wow, I’m amazed πŸ‘

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
itscasey profile image
Casey πŸ’Ž

This is seriously impressive - great job

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
blueedgetechno profile image
Blue edge Author

Thanks Casey

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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
saurabhh333 profile image
shadow333

If Microsoft sees this.
So he will fire some employees.
πŸ˜‚πŸ˜‚πŸ˜‚

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
zakiazfar profile image
Mohd Ahmad

WoW 😍😍

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
zazapeta profile image
Ghazouane

This is huge, well done !

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
andrewbaisden profile image
Andrew Baisden

Wow cool!

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

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
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
habeeb57 profile image
Habeeb57

Great Work!

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
mayankkalbhor profile image
Mayank K

Great work and keep up the good work

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
asifsimform profile image
Asif Vora

Awesome

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
mafee6 profile image
MAFEE7

2fps xD

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
mafee6 profile image
MAFEE7

Get ready to be caught be microsoft xD

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
uwemisrael profile image
Uwem

This is so cool.

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

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
stephanieraymos profile image
Stephanie Raymos

Bruh this is sick!

Collapse
blueedgetechno profile image
Blue edge Author

Thanks Stephanie, :)

Collapse
pradeepradyumna profile image
Pradeep Pradyumna

Wow! So clean.
Keep inspiring ...!

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
yogawicak profile image
yogawicak

Cool

Collapse
kdev2005 profile image
K-Dev2005

Awesome

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
mahendrakulkarni177 profile image
Mahendra

Awesome !!

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Collapse
pranavbaburaj profile image
Pranav Baburaj

It looks really cool. Great work.

Collapse
rehman0 profile image
Info Comment hidden by post author - thread only accessible via permalink
Rehman

Please check out mine
Demo: window-11.netlify.app/
Post Link : bit.ly/3wuZxL9

Some comments have been hidden by the post's author - find out more

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.