render·live · proof-of-concept index

Web-Effekt-PoCs

Lauffähige Demos moderner Web-Effekte, extrahiert aus einer kuratierten Design-Inspirations-Sammlung. Didaktisch gestuft vom Copy-Paste-Trick bis zum Custom-WebGL-Shader. Klick eine Karte → live ansehen.

Stage 00günstig
Lenis Blend-Header

Lenis Smooth-Scroll + mix-blend-mode-Header, der über Hell/Dunkel-Sektionen lesbar bleibt.

→ live ansehen
Stage 01günstig
Editorial Scroll

Marquee + Hover-Reveal + Bento-Grid + IntersectionObserver-Reveal. „Modernes Web" ohne Spezial-Tech.

→ live ansehen
Stage 0280 %
Scroll-Choreografie

Lenis + GSAP ScrollTrigger Pin/Scrub + SplitText-Stagger + Stat-Counter. Der Award-Pitch-Standard.

→ live ansehen
Stage 03award
3D-Typo-Tunnel

Three.js extrudierte Schrift + scroll-gesteuerte Kamera-Fahrt + Custom-GLSL-Shader. Der USP-Moment.

→ live ansehen
Showcase80 %
Video-Grid-Portal

Bento-Video-Grid + Hover-Reveal + View-Transitions. Direkt als Foto-Portfolio nutzbar.

→ live ansehen
Showcase80 %
Microinteraction-Hub

Lottie (Loop + Scroll-Seek) + interaktives Rive-Element + Hover-States + Marquee.

→ live ansehen