Next.js Portfolio (v4)
The website you are currently viewing. A design-driven portfolio with a focus on motion and performance.
Roles: Designer & Developer
Client: Personal Project
Next.jsReactTypeScriptFramer MotionTailwind CSSLenis
Overview
The fourth major iteration of my personal portfolio, built to be a visually engaging showcase of my skills. It leverages Next.js for performance and Framer Motion for fluid animations, creating a memorable user experience.
Tech Stack
- Next.js
- React
- TypeScript
- Framer Motion
- Tailwind CSS
- Lenis
Features
- Staggered Project GridA dynamic, masonry-style grid built with CSS Grid that gracefully rearranges on different screen sizes.
- Fluid ScrollingImplemented Lenis to override native scroll, providing an exceptionally smooth, 60fps scrolling experience.
- Seamless Page TransitionsLeveraging Framer Motion's AnimatePresence, content elegantly fades and slides between page navigations.