![]() |
![]() |
![]() |
Most developer portfolios follow the same structure:
About → Skills → Projects → Contact
I wanted to try something different.
Instead of building another traditional portfolio, I created a macOS-inspired interactive experience where visitors can explore my work through apps, windows, animations, and desktop-like interactions.
What I wanted to build
My goal was to make the portfolio feel less like a static website and more like an actual operating system.
Visitors can interact with different parts of the portfolio instead of only scrolling through sections.
The project includes:
- macOS-inspired desktop interface
- Interactive app-like experiences
- Smooth window animations
- Responsive layouts for desktop, tablet, and mobile
- Clean and familiar macOS-style UI
- Open-source code for learning and contributions
Fully responsive
One of the biggest challenges was making a desktop-inspired experience work properly on smaller devices.
Desktop interfaces usually depend on large screens, draggable windows, docks, and multiple applications.
For mobile devices, I had to rethink the layout and interactions instead of simply shrinking the desktop version.
The result is a responsive experience that adapts across:
- Desktop
- Tablet
- Mobile
Built with
The project uses modern frontend tools, including:
- React
- TypeScript
- Tailwind CSS
- GSAP
- Zustand
I focused on keeping the UI smooth while managing multiple interactive components and application states.
Open source
The complete project is open source.
You can:
- Explore the code
- Learn from the implementation
- Report bugs
- Suggest improvements
- Contribute new apps or features
🌐 Live Demo
https://macos-kuldeeprajput.vercel.app
💻 Source Code
https://github.com/kuldeeprajput-dev/macos-portfolio
The project is still evolving, and I plan to keep improving the performance, UI, applications, and overall experience.
I would genuinely appreciate feedback from the DEV Community.



Top comments (0)