A Brewery Hero Section You Can Push Around | WebGL / WebGPU

A Brewery Hero Section You Can Push Around

Details

Title: A Brewery Hero Section You Can Push Around
Maker: Nikita Frolov
Published: June 17, 2026
Link: your-local-brewery.vercel.app (opens in a new tab)

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
Technique: Physics Rigid Body Physics
Interaction: Drag Interaction

More in Rigid Body Physics

Browse this tag →

WebPhysics: A WebGPU Implementation of Augmented Vertex Block Descent

Jure Triglav ports the 2025 AVBD solver onto the GPU: stacks that settle instead of jitter, piles with opinions about mass, and an LBVH broad phase feeding colored primal sweeps in parallel. The reference demo is CPU-serial. This one runs in a browser tab.

Jure TriglavWebGPU

All Rigid Body Physics work