WebGL Shaders · Three.js · CSS Scroll-Driven Animations · Canvas · Web Audio API
10,000+ particles with custom vertex & fragment shaders
CSS scroll-timeline · @property · container queries · @layer
CSS Scroll-Driven Animations API links animation progress to scroll position — no JavaScript scroll listeners needed.
Register custom CSS properties with types, enabling transitions and animations on values that were previously impossible.
Responsive design at the component level — query the size of a container, not the viewport.
Cascade layers give authors explicit control over the cascade — no more fighting specificity.
View progress timelines tie animations to an element's visibility within a scrollport — fade in, slide, parallax.
Native CSS nesting — no preprocessor needed. Write scoped, hierarchical styles directly in CSS.
Smooth path interpolation · stroke animation · gradient mesh
Perlin noise flow field · fractal tree · particle physics
Web Audio API · FFT analysis · real-time Canvas rendering