I have developed a Windows 11 clone web app for educational purposes and want to share it with the community. This app is built with React.js for the frontend.
The app tries to mimic a few functions of Windows 11, including:
- Interactive desktop environment
- Taskbar with start menu and search functionality
- Open and interact with various applications such as:
- Chrome: Surf the web like in a real browser
- Calculator: Perform basic arithmetic operations
- VS Code: Virtual coding environment
- Emoji Tic-Tac-Toe: Play a fun game using emojis
- Spotify: Enjoy a simulated music player interface
- About Me: Learn about the developer
- Switch between open applications using the taskbar
- Draggable windows to simulate a real desktop environment
- Simulated login screen (enter any credentials to access)
Other features:
- Responsive frontend for desktop and mobile devices
- Built with modern web technologies for a smooth and interactive user experience
Technical stack:
- Frontend: React.js, Tailwind CSS, React Router DOM, Framer Motion, React Draggable
For source code and demo, please visit my GitHub repo:
- GitHub: https://github.com/MishanPoudel/Windows11-3.0
-
Application Deployment: https://windowsxi.vercel.app/
Please give me a ⭐ GitHub star ⭐ for my effort if you find this project useful!
Top comments (103)
This is a great project. I am blown away by how well it responds inside the browser. It definitely looks like Windows 11 and in some instances feels like Windows 11. Great job. I have starred the GitHub Repo as I think it's an amazing project.
thank you man! i was unsure if it was good enough to be posted but comments like yours have really made my days!
Really? How come? Windows don't maximize. They don't minimize properly either (nothing in the taskbar). Design-wise it's okay but there are multiple Windows 11 clones out there that do a better job. I really don't get that comment (have you ever used Windows; any version?)...
sorry man, I'm beginner and I'm trying to implement that too
My comment was not about your work (as mentioned this is fine - esp. for a beginner!) but about the previous comment by Jonathan (as mentioned I am not sure why he thinks that is such a great project as many things just don't work or behave as you might expect to). Again - kudos to you. For a beginner this is already doing a good job!
@misery666 (Mishan Poudel) dont be sorry man, you did great job, very inspiring really, you should feel proud! keep going
Pretty cool bro, but it looks like it needs a little improvisation in terms of responsiveness.
Btw, I have also made it, permission to share windows11.deri.my.id.
Some features inspired me and maybe I will add it to my old project 😂👍 Thanks
wow bro, yours is so much better and way too cool! i loved it
not really bro, each has their own advantages 😂👍
See also this XP-Clone...
Very good!!
Is the project open source? If so, what is the repository link?
LOL
A project cant be useful but inspiring, and feels good for you that you have so much time to work on something fun like this
Thank you! While this project may not be directly useful, I'm glad it can be inspiring. Too much free time is the perk of being unemployed :')
and also being unmarried ;)
:'( - I want free time.
Wife and Job on offer, any takers? 🙈
haha! I can take the job
💀
Does it implement BSOD properly? That’s must-have, FWIW.
haha! not yet but i will try to add it in the near future. thank you for your suggestion
You could have a top level error boundary in the React tree, and if it is hit, it can trigger a BSOD haha
I loved it, I saved it. I'm about to start windows 12 C; thanks for inspiration.
thank you man you literally made my day <3
don't forget to star the repo ;D
we can follow each other if you want github.com/xentzenith
sure! i would love to have a new friend
THIS. IS. AWESOME.
This Project is really Cool and can be used as a portfolio website by just adding your other project details along with link and icons.That icons will let other user see them inside the windows operating system. I think I should also create this type of project. Thank you for sharing this project😀
Hey this looks really cool! I'd love to see you continuing to improve the app and making the rest of the "OS" interactive!
Thank you! I am glad you like it. :]
This looks dope. Just a suggestion that you can reduce the amount of transparency and add gaussian blur instead.
Thanks for the suggestion! Which part would you like to see with reduced transparency and Gaussian blur?
Mainly the "about me" section.
Some comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more