KokonutUI liquid glass · React Bits aurora · Anime.js v4 scroll · Motion springs · Rive interactive · Magic UI beams — working together in static HTML.
The exact SVG filter technique from KokonutUI's flagship component (feTurbulence → feDisplacementMap), ported to vanilla CSS. This is what Apple's 2026 liquid glass look is built on.
fractalNoise displacement with scale=30 — the refraction wobble you see on premium sites.
Same filter, layered inset shadows for depth. Refresh the page — it re-appears via Anime.js.
Fully CSS/SVG — no images, no canvas, no heavy deps. Static-site safe.
Radial gradients + heavy blur + slow drift — the React Bits "aurora" background look, implemented with pure CSS so it runs on any static page.
Magic UI's beam effect — sweeping light lines — ported to pure CSS keyframes. In the real library these are SVG paths between any two elements.
Motion's spring() with drag. Hover it, click it, drag it — it returns with real physics, not linear easing.
A real .riv file (from Rive's public CDN) driven by the @rive-app/canvas runtime with a state machine — the same tech Figma's homepage uses.
Every section on this page fades + slides in via Anime.js v4 — named imports from the importmap, IntersectionObserver triggers, no v3 syntax anywhere.