Personal Portfolio — GSAP Motion Showcase
Nuzair Ibrahim
Overview
My personal portfolio is where I practice what I pitch: design-driven, lightning-fast web experiences. It doubles as a live playground for the motion and interaction work I do for clients — everything on the site is built, not mocked.
Portfolio homepage — hero, selected work, and motion system
The Challenge
A portfolio for a frontend developer is the interview. It had to prove two things at once: strong visual craft (motion, typography, layout) and engineering discipline (fast loads, clean structure, accessible markup) — without one compromising the other.
What I Built
Custom GSAP motion system — scroll-triggered reveals, hover effects, and micro-interactions engineered at the boundary between CSS and JavaScript
Project showcase — selected work with live demos and GitHub links
Integrated blog — articles on design engineering, animation, and performance
Performance-first build — static generation with Next.js, minimal JS payload, optimized images
Selected work section — project showcase with live demos
Tech Stack
Next.js, Tailwind CSS, GSAP
🔗 Live: https://nuzair.vercel.app
Like this project
Posted Jul 9, 2025
Design-driven personal portfolio built with Next.js, Tailwind CSS, and custom GSAP animations — scroll-triggered motion, hover interactions, an integrated blog, and a project showcase, all tuned for performance.
Likes
0
Views
13
Timeline
May 1, 2025 - Jul 1, 2025
