A browser-based desktop experience built with React. Open apps. Change themes. Use tools. Feel the web like an OS.
WEB-OS is a modern web desktop interface that recreates an operating-system style experience inside the browser.
It includes desktop windows, navigation controls, a bottom dock, settings, wallpapers, documentation views, music, calculator, notepad, and terminal-style UI.
The project focuses on polished visual design, smooth animations, responsive layouts, glassmorphism, gradients, and mobile-friendly interactions.
| Service | URL |
|---|---|
| Frontend | flashos.vercel.app |
- Browser-based desktop operating system UI
- Responsive top navigation
- Bottom dock / taskbar interface
- Theme and brightness controls
- Wallpaper customization
- Notepad with file panel
- Calculator with styled controls
- Music app with responsive media layout
- Terminal / CLI inspired interface
- Documentation iframe view
- Settings panel with tabs
- Smooth hover and active states
- Only desktop support
Frontend : React · Vite · JavaScript · CSS · DOM
Styling : CSS Grid · Flexbox · Media Queries · Gradients · Transitions · Backdrop Filters
Deployment : Vercel
1. Clone the repository
git clone https://github.com/dharmapal25/WEB-OS.git
cd WEB-OS2. Install dependencies
npm install3. Start development server
npm run dev4. Build for production
npm run build.
|-- public
|-- src
| |-- Components
| |-- Images
| |-- assets
| |-- App.css
| |-- App.jsx
| |-- index.css
| `-- main.jsx
|-- package.json
|-- vite.config.js
`-- README.md
Dharmapal (Flash)
