Справочник
Лабораторияmotion
Живые превью всех примитивов в src/components/motion/. Наведите на CTA для magnetic pull; прокрутите вниз для GSAP reveals.
Магнитная кнопка
magnetic-button.tsx
Появление текста
text-reveal.tsx
Словапоявляютсяпоодномусblurдляhero-заголовков
SplitReveal
split-reveal.tsx
Cinematic character reveal
ImageReveal
image-reveal.tsx
ClipWipe
clip-wipe.tsx
VideoBackground
video-background.tsx
Poster fallback · muted loop when mp4 src is set
FrameSequence
frame-sequence.tsx
Scrub while scrolling — reduced-motion shows frame 1 only
LottieReveal
lottie-reveal.tsx
Micro-illustration fallback (pass src to load lottie-web JSON)
SoundCue
sound-cue.tsx
Muted by default — never autoplays music
ScrubStory / timeline
scrub-story.tsx
Home #story with scroll-story: timeline — weighted acts on one GSAP master timeline. See docs/features/SCROLL-TIMELINE.md.
Каскад дочерних
stagger-children.tsx · variants.ts
Плавное появление
fade-in.tsx
Счётчик
count-up.tsx
Проекты
Довольных клиентов
Бегущая строка логотипов
logo-marquee.tsx
Появление по скроллу (GSAP)
scroll-reveal.tsx
Появление строк
line-reveal.tsx
Первая строка выезжает
Вторая следом
Параллакс-слой
parallax-layer.tsx
Прокрутите страницу — blob двигается по Y
Прогресс скролла
scroll-progress.tsx
Тонкая primary-полоска вверху каждой страницы — в MotionProvider. Прокрутите эту страницу, чтобы увидеть заполнение.
3D-наклон карточки
tilt-card.tsx
3D наклон при hover
Двигайте курсор — как на карточках команды
Свечение курсора
cursor-glow.tsx
Radial glow за курсором на hero главной — только desktop, выключено при prefers-reduced-motion.
Наверх
back-to-top.tsx
Плавающая кнопка справа внизу после ~600px — Lenis scrollTo(0).
3D Hero (ленивая загрузка)
hero-3d-lazy.tsx
WebGL scene kit на hero + песочница /lab/webgl (desktop; постер при prefers-reduced-motion). См. hero главной или scroll-story webgl в #story. WebGL sandbox — live Scene / Camera / Renderer params.
Settle
settle.tsx
DrawPath
draw-path.tsx
TableReveal
table-reveal.tsx
| Stage | Leads | Conv % |
|---|---|---|
| Visit | 0 | 0 |
| Trial | 0 | 0 |
| Paid | 0 | 0 |