Role
Designer & Developer
Client
Personal Project
Duration
5 Days
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.jsReactTypeScriptFramer MotionTailwind CSSLenis
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.