Rido Motion Lab
Enterprise motion for the Costa del Sol.
GSAP + ScrollTrigger, react-three-fiber, react-spring, vaul, sonner, simplex-noise, Lenis, and tw-animate-css — all wired for Next.js 16 / React 19 / Tailwind 4.
GSAP + ScrollTrigger
SplitText, scroll parallax, and timeline-based reveals. Premium plugin stack.
From the left, ease expo.out, 0.8s.
Scroll down to retrigger the demos.
ScrollTrigger handles pin / scrub / batch.
react-three-fiber
3D brand orb with distortion + float. Drei primitives.
Distort + Float + Stars
react-spring
Spring-physics count-up. No rAF jank, no setState in a loop.
riders on the waitlist (live)
simplex-noise
Procedural noise field — the Vercel/Linear atmospheric layer.
Tinted magenta noise over navy. Pauses on tab hidden.
Magnetic + Draggable
@use-gesture/react + spring physics for interactive cards.
Magnetic uses GSAP, draggable uses use-gesture + spring.
Floating + tw-animate-css
Tailwind 4 native animation utilities + spring float.
React-spring bob + Tailwind 4 keyframe animation.
Sonner toasts
Stacked, themeable, promise-aware notifications.
Vaul drawer
iOS-style bottom sheet with snap points.
End of page
Motion that feels alive.
Every demo on this page respects prefers-reduced-motion.