I wanted my portfolio to feel familiar to other developers — not like yet another generic personal website.
So I decided to build a VS Code–inspired portfolio that actually looks and behaves like an IDE. The goal was simple: when a developer opens it, it should feel instantly recognizable.
What it includes:
- An editor-style layout with tabs
- A sidebar that works like a real code editor
- Terminal-inspired sections for content
- Draggable Windows.
- Fully responsive across devices
- Custom Themes Support
Why I built this:
A lot of portfolios focus heavily on flashy animations and visuals. I wanted to take a different approach and focus on familiarity and usability something developers already understand without needing an explanation.
I know it might feel complicated to non devs but I'm planning to implement Easy Mode (switchable) where it changes layout to less complicated VS-Code IDE layout and make it easily understandable to everyone while keeping VS-Code aesthetics
GitHub repo:
https://github.com/arnofrxdd/ide-portfolio
Demo:
https://arnofrxdd.github.io/ide-portfolio/
I’d really appreciate feedback

Top comments (1)
nice work! your portfolio is fun to explore, both for the concept / style of the portfolio and the details of the projects