Skip to content

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.

0+

riders on the waitlist (live)

0 flat rate

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.

Hover me
Drag me

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.