Ilyas Nur Rohman
All projects

Portfolio

This site, an interactive frontend portfolio with scroll-driven storytelling and a full motion system.

Project type
Portfolio
Year
2026
Status
Shipped
Portfolio website interface

The project

The site you're looking at right now. Built to demonstrate scroll-orchestrated motion end to end: GSAP ScrollTrigger synchronized with Lenis smooth scroll, a physics-simulated 3D interaction, and a dual-theme scroll-scrubbed color system, all on typed content data with zero CMS.

My contribution

  • Designed and developed an interactive developer portfolio featuring scroll-driven storytelling, synchronized GSAP ScrollTrigger with Lenis smooth scrolling, and cinematic page transitions.
  • Built immersive user experiences using physics-based 3D interactions (React Three Fiber & Rapier), parallax effects, and reusable motion components.
  • Developed reusable UI components and modular page architecture using the Next.js App Router with typed content management.
  • Created consistent user flows and responsive interfaces through a reusable design system, improving maintainability across the application.

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Framer Motion
  • Lenis
  • Three.js

Scroll tPress Enter to send, or drag away and release.explore.