DEV Community

Cover image for Building an Immersive Motion-First Portfolio with GSAP, Three.js, and Next.js
worapon jintajirakul
worapon jintajirakul

Posted on

Building an Immersive Motion-First Portfolio with GSAP, Three.js, and Next.js

After nearly 2 years of learning frontend development and crafting UI/UX by hand, I just launched my personal portfolio:

👉 https://www.worapon.dev

This isn’t a template. Every layout, motion, and pixel is intentional.


🔧 Tech Stack

  • Next.js 15 for structure, performance, and routing
  • GSAP for buttery-smooth motion-first animation
  • Three.js + R3F for 3D shaders and depth
  • Tailwind CSS for scalable design system
  • Fully responsive, no CMS, no templates — coded line-by-line

🎯 Design Philosophy

I don't just make websites.

I design experiences that feel smooth, intentional, and immersive.

I approach frontend the same way I approach music (which I used to play professionally):

Focus on timing, transitions, and emotional tone.


📬 Currently Open for 1 Project

I’m opening up to freelance work.

If you're a founder, agency, or creator who needs a developer that:

  • Understands real UX
  • Writes production-ready motion
  • Doesn’t rely on themes or drag-and-drop tools

Let’s connect.


💬 Feedback Welcome

Would love to hear your thoughts on the portfolio —

UX, performance, structure, or motion polish — feel free to drop any feedback or questions.

👉 https://www.worapon.dev

Thanks for reading!

frontend #gsap #nextjs #threejs #r3f #webdev #portfolio #animation #uxui

Top comments (0)