나는 Nextjs로 오픈 소스 macOS에서 영감을 얻은 포트폴리오를 구축했다

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.