Our 80s corporate satire studio site using WebGPURenderer and TSL,

Showcase
1

We shipped our studio site a couple of months ago and only just stumbled onto this forum. Figured this crowd would appreciate the internals more than most.

:link: shader.se

It’s built with the WebGPURenderer and TSL, dressed in an 80s corporate satire aesthetic that we play completely straight.

A few things that were fun (and occasionally painful) to build:

  • Interface rendered inside the canvas. We render the “DOM” content directly in the WebGPU canvas using a fork of pmndrs/uikit that we patched for WebGPU support. A parallel shadow DOM mirrors that content, so crawlers and screen readers still get real markup and SEO and accessibility stay intact even though nothing visible actually lives in the DOM.
  • Scroll + state orchestration. Lenis driving smooth scroll, with Zustand as the single source of truth so everything reads from the same scroll state.
  • GPU cloth simulation. Our paper shredding section runs a GPU based cloth simulation for the sheets.

We wrote up the architecture in more detail on Codrops: Codrops article

Feedback very welcome! :smiley:

9 Likes
2

this is awesome! really put together well! congratulations :confetti_ball::tada:

3

Damn. Looks dope!! I want to go baccckkkk!!!

1 Like
4

This is cool I acutally build a carousel similar to yours a while back

5

Good old-fashioned vibes…