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)