Loading…
Reference
Live previews of every primitive in src/components/motion/. Hover CTAs to feel magnetic pull; scroll down for GSAP reveals.
magnetic-button.tsx
text-reveal.tsx
Wordsblurinonebyoneforheroheadlines
stagger-children.tsx · variants.ts
fade-in.tsx
count-up.tsx
Projects
Satisfaction
logo-marquee.tsx
scroll-reveal.tsx
line-reveal.tsx
Line one slides up
Line two follows
parallax-layer.tsx
Scroll this page — blob moves on Y
scroll-progress.tsx
Thin primary bar at the very top of every page — mounted in MotionProvider. Scroll this page to see it fill.
tilt-card.tsx
3D hover tilt
Move pointer — used on team cards
cursor-glow.tsx
Pointer-following radial glow on the homepage hero — desktop only, off when prefers-reduced-motion.
back-to-top.tsx
Floating button bottom-right after ~600px scroll — uses Lenis scrollTo(0).
hero-3d-lazy.tsx
WebGL wireframe loads lazily on the home hero (desktop only, skipped when prefers-reduced-motion). See homepage hero.