React_windows_11
This React project is a Windows 11 clone featuring draggable windows for apps like Chrome, VS Code, and Calculator. It includes a working Start Menu, search, shutdown, restart, login page, right-click context menu, and terminal. Built with React, Tailwind CSS, and Framer Motion for smooth animations. No external draggable libraries used.
Windows 11 Clone in React
This project is for learning purposes only.
Live Link: Live Demo
This React project mimics the Windows 11 desktop experience with fully functional draggable windows using only JavaScript and Framer Motion for smooth animations, no external draggable libraries.
Tech Stack:
- React.js
- Tailwind CSS
- Framer Motion (for smooth animations)
Features:
Apps:
- This PC
- Folder
- Google Chrome
- Recycle Bin
- Microsoft Edge
- Calculator
- DrawBoard
- VS Code
Working Components:
- Fully functional Windows Start Menu with search, shutdown, and restart functionality.
- Login page resembling Windows 11.
- Custom draggable windows for smooth interaction.
- Right-click context menu with multiple options.
- Fully interactive terminal with basic command support.
Screenshots:
Not Mobile supported yet*
Contributing
- Fork the Repository: Click on "Fork" at the top right of this GitHub page.
- Clone the Repository:
git clone https://github.com/VrajVyas11/React_Windows_11.git - Navigate to the Project Directory:
cd React_Windows_11 - Install Dependencies:
npm install - Start the Development Server:
npm start
