Skip to content
A Brewery Hero Section You Can Push Around

A Brewery Hero Section You Can Push Around

A landing page for a brewery that doesn't exist, built so you can shove it around. Real physics rides under the hero: objects with weight that jostle, settle, and won't sit still. A percent counter loads the whole scene before the first frame. The demo is its own documentation.

Details

Published

What it is

Most hero sections are posters. You look, you scroll, you forget. Nikita Frolov's Your Local Brewery wants you to poke it instead. It's a landing page for a brewery that doesn't exist, and the whole thing behaves like a desk you can sweep a hand across: nudge the cursor and the scene answers with weight, objects jostle, settle, and then refuse to sit still in that satisfying way real things do. It stops feeling like a website and starts feeling like an object on a shelf you keep picking up.

The result earns its preload budget. Want to see how the seams are stitched? The demo is the documentation. Open devtools, watch the network tab fill as the counter climbs, then shove the canvas around while it runs.

How it’s made

Technology
WebGL
Framework & Tool
Three.js
Interaction
Drag Interaction