DEV Community

Cover image for I Built an Open-Source macOS-Inspired Portfolio with Nextjs
kuldeep rajput
kuldeep rajput

Posted on

I Built an Open-Source macOS-Inspired Portfolio with Nextjs

Mobile View 1 Mobile View 2 Mobile View 3

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)