Personal Portfolio — GSAP Motion Showcase

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

0 likes · 29 views · 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.

Timeline

May 1, 2025 - Jul 1, 2025