NewStorefrontSparkling soda

RIVO

No photography, no render farm, no frame sequence — the can is real 3D, and its label is painted onto a canvas at runtime. Pick a flavour and the artwork is redrawn on the spot. The entire project is 98 KB.

In this drop

Complete Next.js project
Canvas label painter (front, back and seam)
Can geometry, materials and spin state machine
Full build prompt

Unlock this drop

The prompt and code are on the house.

Drop your email and everything unlocks — plus you'll hear first when new concepts land. No spam, ever.

More drops

NewScroll Film

Matcha tea house

ICHIYO 一葉

One continuous cinematic shot, scrubbed by scroll: a tea leaf detaches at dawn, flies over the fields, dissolves into matcha, meets water, is whisked, and returns as the finished bowl. No framework, no build step — just HTML, CSS and JavaScript.

GSAPCanvas scrubLenisNo framework

SÈVE

A chocolate house storefront: a scroll-scrubbed film for the hero, a collection of bars with detail views, an add-to-box gifting flow, and editorial sections that read like a printed catalogue rather than a shop.

Next.jsGSAPFrame scrubProduct flow

KIZUNA 絆

A dojo site built on one idea: a single throw, scrubbed by scroll. The technique unfolds under your thumb as you move down the page, with a vertical kanji spine and a schedule built like a printed timetable.

Next.jsGSAPFrame scrubKanji type

LUXORA

A pair of glasses assembling itself from a single titanium screw, scrubbed by scroll — then a full storefront underneath it: collection grid, product detail with a 360 viewer built from the same film, and a cart that persists.

ReactGSAPFrame scrub360 viewer

HUNTE

A can pours into a glass across the length of the page. One ten-second product shot becomes the whole site — the type leans out of the can's way as it moves, and every layer reads from a single scroll value so nothing can drift out of sync.

Next.jsGSAPFrame scrubDual-res frames

Free

Open the drop →

NewScroll Film

Architecture practice

ATLAS STUDIO

A building draws itself: blueprint, wireframe, massing model, concrete and glass, then a landmark at golden hour. The aerial that follows is the navigation itself, and the project imagery is all derived from two source images with ffmpeg.

Next.jsGSAPFrame scrubCyanotype

Free

Open the drop →

The real thing

Want this customized for your business?

The drops are starting points. WaveBlink builds animated websites end to end — strategy, copy, motion, and a launch that makes people stop scrolling.

Start a website project