Issue Nº 1 July 2026 Department 05 The stack
Exhibita The evidence in award-winning web design

Department 05

What They're Built With

Read enough credit lists and the same four or five names appear on nearly every winning site. Here is what each one is actually for — and the shift now underway underneath all of them.

Original analysis

We Counted Them

Awwwards tags every winning site with the technology it was built on. We took all 31 sites currently winning on the board and counted. This is not a survey of what studios say they use — it is what the award body recorded on the sites that actually won.

GSAP16
WebGL15
Animation12
Transitions11
Webflow9
3D9
Figma8
Three.js7
Javascript6
Microinteract.6

Count of sites carrying each tag, n=31 · Awwwards Site of the Day board, July 2026

GSAP is on more than half the board. Sixteen of thirty-one. No other tool comes close as a single point of dependence — the animation layer is the least contested choice in award-winning web design.

WebGL is on nearly half, but Three.js on only seven. That gap is the interesting one. More than twice as many winners carry a WebGL tag as carry Three.js, which means a substantial share of this work is being written closer to the metal, or with other renderers, rather than reaching for the default abstraction.

Webflow ties with 3D at nine. A no-code builder appears on as many winning sites as the 3D tag does. Combined with eight Figma tags, it is clear evidence that the tooling floor has risen: award-tier output no longer implies a bespoke front-end build.

A no-code builder is on as many winners as 3D is.

The shape of it

Four Layers

The award-winning stack is unusually consistent because it is not really a framework choice — it is four separate jobs, each of which has a near-consensus answer.

Everything else — the framework, the CMS, the host — is interchangeable and rarely mentioned in a credit list. By-Kin won four awards on Next.js and Strapi; the framework was not the story.

The tools

The Names on Every Credit List

Three.jsRender layerThe most widely used abstraction over WebGL

The default answer for 3D on the web, and the substrate under most of the case files in this issue. Its role is to make WebGL addressable: scenes, cameras, materials and lights, rather than raw buffers and draw calls.

What separates award-tier usage from ordinary usage is almost never Three.js itself — it is what gets written into the materials. Active Theory's work runs full WebGL environments with custom GLSL; Lusion's Oryzo renders a single object with easing tuned to imitate physical inertia. Same library, entirely different ceiling.

GSAPChoreographyWith the ScrollTrigger plugin

The animation engine, and by consensus the standard for tying scroll position to anything — including 3D camera movement. If a site sequences reveals as you scroll, ScrollTrigger is the likeliest mechanism.

GSAP runs its own awards nomination for sites built with it, which is a reasonable proxy for motion quality specifically; Mat Voyce's kinetic-type portfolio was a 2025 nominee.

LenisFeelStudio Freight

A smooth-scroll library, and the single cheapest upgrade in this stack. It supplies the weighted, slightly inertial scrolling that reads as expensive — the difference between a site that feels engineered and one that feels assembled.

Its authors are a working studio that also wins days on their own client work, which is a rare arrangement: the tool is maintained by people who ship award-tier sites with it. Use it deliberately, though — hijacking native scroll carries real accessibility and performance costs, and a jury testing usability will feel a badly tuned implementation immediately.

GLSL & TSLShadingTSL = Three.js Shading Language

Shaders are where the top tier actually separates from the field. Custom GLSL is what produces materials, lighting and effects that no library ships by default, and it is the most common thread through Developer Award winners.

TSL is the significant recent development: shaders written once in it compile to both WebGPU and WebGL backends. That removes the reason studios were postponing WebGPU — nobody wanted to maintain two shader codebases for one site.

WebGPUThe next rendererThree.js WebGPURenderer

The successor graphics API, with a substantially higher performance ceiling than WebGL — compute shaders, and particle counts that WebGL cannot sustain. Adoption has been gated not on capability but on fallback strategy.

Utsubo's IVRESS, FWA Site of the Month for May 2026, is the working proof: WebGPURenderer with a WebGL fallback, one TSL shader codebase serving both. Expect the visual weight of award-winning 3D to increase noticeably as this pattern spreads.

Web AudioThe neglected layerResn · Immersive Garden

The most under-used material in the stack. Immersive Garden's Cartier build carries a score as a narrative layer, not as ambience; Resn treats audio as a first-class design decision across their work.

Sound is disproportionately effective at producing the sense of a place, and disproportionately rare because it requires an interaction to unmute. Sites that solve that gate elegantly get an atmosphere their competitors cannot match visually.

CSS scroll-driven animationThe free optionanimation-timeline: view()

Worth stating plainly because it undercuts a lot of the above: scroll-triggered reveals no longer require a library. Native CSS scroll-driven animations handle entry reveals, progress indicators and pinning with no JavaScript, no bundle cost, and automatic reduced-motion behaviour.

This will not replace ScrollTrigger for 3D camera sequencing. It does replace it for the eighty percent of sites whose scroll motion is fading and sliding elements into view — which is most of them.

In use here
Every section on this site reveals with animation-timeline: view() behind an @supports guard. No JavaScript runs on this page at all.
Webflow & the buildersDistribution3D leaves the boutique

The structural shift of 2026: real-time 3D is being documented as a Webflow technique, not solely as a studio capability, and Three.js now has a dedicated conference. What was a specialism practised by perhaps thirty studios worldwide is becoming a skill with a training path.

The consequence for the awards is predictable. As the technique commoditises, the juries move the bar — which is precisely why restraint-first sites like By-Kin are sweeping awards in the same cycle as heavy WebGL work.

Assessment

Where the Bar Moves Next

Three predictions the current evidence supports.

Heavier scenes, briefly. TSL removes the last practical objection to WebGPU. The next year of Developer Awards should show compute-shader work and particle densities that were not previously affordable — followed by a correction, once everyone has them.

Scroll-sequencing becomes table stakes. When the technique behind Shopify Editions and Explore Primland is available natively in CSS, sequencing a page on scroll stops being a differentiator and becomes an expectation. The differentiator moves to what is being sequenced.

Sound is the open position. Audio remains rare, hard to do tastefully, and extremely effective. It is the one layer in this stack where a studio can still be early.

When the tools commoditise, the juries raise the floor.