A Blockade Labs launch page where shaders do the selling

· 1 min read · three.js, webgl, shaders, landing-page, launch

A dark landing page with glass-like light streaks and spectral color shifts, a Three.js page for Blockade Labs

A launch page has to be two things at once: a brand story and a conversion funnel. This one, for a Blockade Labs product launch, uses a hero 3D scene that sells the product before the form appears.

The Blockade Labs launch page

The shader detail #

Custom shaders mimic light refracting and reflecting across glass surfaces, with caustic-like streaks and spectral shifts. The page feels alive, and the effect is kept from overwhelming the message.

What it shows #

How shader craft and launch marketing can share the same canvas on the open web, built with Three.js.

There is a short video of the GLSL background made for Blockade Labs.

Try it #

The page is live at blockade-brand.vercel.app, and the details are on the project page.

Related projects