Site Template2026
Vitro
A research-lab landing page where the specimens spill out of the glass.
Role
Design & Development
Year
2026
Stack
Live
Visit site
Overview
Vitro is a complete biotech research-lab landing page built for Future UI. A scroll-scrubbed WebGL incubator sits at its heart and spills its contents across the viewport as you move down the page, turning the scroll itself into the experiment.
Under the hood it runs three raw WebGL2 engines alongside React Three Fiber, with GSAP ScrollTrigger and Lenis handling the pacing. It ships in Astro, Next.js, and React (Vite) flavors, copied straight into your project so you own every line.
Highlights
- 01
Scroll-Scrubbed Incubator
A WebGL incubator scrubs frame by frame with the scroll, then releases its contents across the viewport as the hero hands off to the page.
- 02
Particle Specimen Field
A GPU-driven particle field renders drifting specimens that give the page a living, microscopic atmosphere.
- 03
Curved-Strip Works Carousel
Project cards ride along a curved strip, bending through space instead of sliding flat across the screen.
- 04
Orbiting Team Avatars
Team members orbit a shared center, turning a standard team grid into a small solar system.
- 05
Canvas Wordmark Footer
The footer wordmark is drawn and animated on canvas, closing the page with one last piece of motion.
- 06
Three Raw WebGL2 Engines
Hand-written WebGL2 engines power the heaviest effects directly, keeping them fast without piling on abstraction.
Next project
Raylabs MediaBuilt for brands that refuse to blend in.