Skip to content
3D Books by Stripe Press

3D Books by Stripe Press

Stripe's press page features a WebGL-powered 3D book showcase where titles rotate and reveal their covers as you scroll.

Details

Made for
Stripe
Published

What it is

Stripe Press built this nice 3D book showcase running on Three.js that lets you scroll through their catalog like you're browsing an actual bookshelf. Yuin Chien led the 3D design work alongside Nick Jones and Philipp Antoni (both at Stripe), and the whole thing is built around a parallel scroll interaction where books rotate and show off their spine and cover as you move through the page.

What's cool is they went full 3D instead of just slapping up flat images. Each book is an actual three-dimensional object that rotates as you scroll, showing the spine, front cover, sometimes the back. It mimics that physical bookshelf browsing feel, which makes sense since these are actual physical books you're buying. The team really wanted to highlight the cover and spine designs, and the scroll interaction does that smoothly without feeling gimmicky. Some books even have separate "Living Cover" experiences where you can play with generative artwork versions of the covers.

It's a solid example of using WebGL/WebGPU for practical UI enhancement rather than just showing off what the tech can do.

How it’s made

Technology
WebGLWebGPU
Framework & Tool
Three.js
Interaction
Scroll Animation