Joydeb Roy

Creative developer
Guwahati, India

I rebuild award-winning websites and teach how they work, every Sunday on YouTube as HankTheTank.

↓ Scroll

Joydeb Roy

A grid of colourful video cards from the Zoom transition project

About

Every Sunday I pick a website that won an award, rebuild its best idea from scratch, and publish the code with a video that explains every line.

  • 40+award-winning ideas rebuilt and open sourced
  • 6.5Kdevelopers following along on YouTube
  • 2,600hours of the tutorials watched so far

Selected work

Four recent rebuilds. Each one is a live demo, a repo and a video.

Zoom transition: a grid of video cards

01

Zoom transition

Click a card and its video zooms into a whole new page, with real HTML files and one line of CSS.

View Transitions, GSAP2026

Colour trail: a black and white portrait with a streak of colour

02

Colour trail

A black and white photo paints back to colour wherever your cursor goes, with two small WebGL shaders.

WebGL, GLSL2026

Scroll dial: a piece of ore in the middle of a dial of mineral names

03

Scroll dial

A scroll-driven dial of minerals, an image sequence drawn on a canvas.

Canvas, ScrollTrigger2026

Text to timeline: a sentence with small images set between its words

04

Text to timeline

Images jump out of the sentence and land on a timeline as you scroll.

GSAP, ScrollTrigger2026

The archive

More builds from the last year. Keep scrolling, it goes sideways.

3D card ringCanvas Draggable galleryGSAP Cards that openCSS Grid Game lanyardsPhysics Jelly spiral scrollThree.js Image mouse trailGSAP Flip book3D CSS Pixel hoverCanvas All builds ↗

Process

How a build happens

  1. 01

    Pick

    I look for one idea on an award-winning site that makes people ask how it was done.

  2. 02

    Rebuild

    I write it again from an empty file, as simply as it can be written, until it feels the same.

  3. 03

    Teach

    The code goes on GitHub, the demo goes on DiMaac, and a video walks through every line.