Skip to content
Fazl Studio

05 / Scroll-driven portfolio / 2026

fazleyrabbi.xyz

One day at a port. The sky moves from dawn to night as a career story scrolls past the cranes.

Open live experience ↗
fazleyrabbi.xyz: a short capture of the live site

Notes

Concept

A backend engineer's portfolio told as a single day at the port. Each chapter of the career is a time of day.

Motion

Scrolling moves the sun. Sky, water and harbour lights shift from dawn through midday and dusk to night, while a rail on the right tracks the chapter.

Build

Astro with GSAP and Lenis, in English and Bengali. It includes case studies, a request-through-the-stack demo and an arcade of browser experiments.

Portfolio hero at dawn: an illustrated port with cranes, containers and a lighthouse under a pink sky
Morning chapter: an arcade of small browser games and experiments on a cream panel
Dusk chapter: featured projects over a purple and orange harbour sky
fazleyrabbi.xyz on a phone, screen 1
fazleyrabbi.xyz on a phone, screen 2
fazleyrabbi.xyz on a phone, screen 3
A project case study with an interface screenshot at dusk
Night chapter: the blog list and contact prompt over a starlit harbour

Built with

  • Astro
  • GSAP
  • Lenis
  • Tailwind CSS
Open live experience ↗Source on GitHub ↗

Next project / 06

Villa →