HOME/WORK/PORTFOLIO-V3
Case Study 02

PORTFOLIO
V3

ROLE
Designer & Developer
TIMELINE
2026
CATEGORY
WEB DEVELOPMENT
STACK
Next.js, React 19, TypeScript
Next.jsReactThree.jsFramer MotionTailwindAI

THE
CHALLENGE

// SYSTEM_OVERVIEW
// STATUS: DEPLOYED
// PRIORITY: HIGH

Version 3 of the personal portfolio was designed from the ground up with a brutalist aesthetic, balancing raw visual impact with smooth interactivity. Built on Next.js 16 with React 19, using ai tools like google stitch for design and nano-banana for images and openclaw for deployment management it features custom cursor interactions, noise overlays, performance-level toggling, and scroll-driven animations via Framer Motion. The 3D elements are powered by React Three Fiber and drei, while post-processing adds cinematic depth. Every section is data-driven for easy content updates.

TECHNOLOGIES USED

Next.jsReact 19TypeScriptThree.jsTailwind CSSFramer Motiongoogle stitchnano-bananaopenclaw
GALLERY_ITEM_01
GALLERY_ITEM_02
GALLERY_ITEM_03
VIEW LIVE PROJECTarrow_forward
arrow_backALL PROJECTS
NEXT CASE STUDY

STACKERFORGE

arrow_forward