Why a Windows 95 Portfolio?
Most developer portfolios look the same:
- Hero section
- About me
- Projects grid
- Contact form
I wanted something different. Something people actually remember.
So I built a portfolio that looks and feels like a classic Windows 95 desktop.
What It Looks Like
When you visit the site, you see:
- A teal desktop background (just like Windows 95)
- Clickable icons for Projects, Writing, Contact
- A boot animation that says "System booting..."
- Draggable, resizable windows
Tech Stack
- Next.js 15 — App Router, Server Components
- Tailwind CSS — All styling
- Framer Motion — Animations and transitions
- TypeScript — Type safety
Key Features
1. Boot Animation
When the page loads, it shows a retro boot screen before revealing the desktop. This sets the mood immediately.
2. Desktop Icons
Each icon (Projects, Writing, Contact) opens a window when clicked — just like real Windows 95.
3. Draggable Windows
Windows can be dragged around the screen using Framer Motion's drag constraints.
4. Blog Section
I added a writing section where I publish articles about Flutter, Django, and AI.
5. Contact Form
A working contact form so people can reach out directly.
What I Learned
- Animations matter — The boot screen alone makes the site memorable
- Constraints are creative — Sticking to a Windows 95 theme forced me to be creative with limited elements
- Performance — Even with animations, the site scores 100 on Lighthouse SEO
Live Demo
👉 https://adilportfolio-tawny.vercel.app
Source Code
The project is built with Next.js 15 and is deployed on Vercel.
Thanks for reading! If you have any questions about the implementation, feel free to ask in the comments.
Top comments (0)