Department 05
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
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.
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
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 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.
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.
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.
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.
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.
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.
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.
animation-timeline: view() behind an @supports guard. No JavaScript runs on this page at all.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
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.