KBS · Anvil Lab
Лаборатория
скролл-эффектов
Эталонные демки анимаций, которые мы внедряем в боевые сайты. Каждая страница — отдельный приём, разобранный до кода.
Image Reveal
Раскрытие изображений из маски на скролле
GSAP · ScrollTrigger · clip-path
→Horizontal Pin
Пин секции и горизонтальный скролл-карусель
GSAP · ScrollTrigger · pin
→Text Split
Анимация текста по словам и буквам
GSAP · SplitText
→Parallax Layers
Многослойный параллакс с разной скоростью
GSAP · ScrollTrigger
→Sticky Progress
Залипающая сцена с прогресс-баром этапов
GSAP · ScrollTrigger · pin
→SVG Morph
Морфинг SVG-путей и line-draw на скролле
GSAP · ScrollTrigger · SVG
→3D на скролле
Three.js объект, поворот и материал по прогрессу
Three.js · GSAP
→Image Sequence Scroll
Скролл управляет видеосеквенцией: 91 WebP-кадр на canvas
GSAP · ScrollTrigger · Canvas · WebP
→Image Sequence (img2img)
13 AI-кадров: каждый сгенерирован Nano Banana от одного reference
Nano Banana · img2img · GSAP · Canvas
→