Oxygen · Framer Motion-achtig

Demo · scroll & entrance

Beweging zonder React

Een preview van Framer Motion-achtige effecten in Oxygen: fade-ups, stagger, sticky panels en scroll-parallax.

Bekijk de effecten

01 · Staggered cards

Items die na elkaar binnenkomen

Elke kaart fade’t omhoog met een kleine delay — het typische Framer stagger-gevoel.

Entrance

Slide-up + fade wanneer de kaart in beeld komt.

Hover lift

Lichte lift en image-zoom op hover, met soepele easing.

Springy ease

GSAP easing (back / power) in plaats van lineaire motion.

02 · Sticky panel

Tekst blijft hangen terwijl beelden scrollen

Klassiek scrollytelling-patroon: copy pinned, media stack beweegt erlangs. Op mobiel valt sticky uit.

Scroll-gekoppelde parallax

Beeld en tekst bewegen met verschillende snelheden terwijl je scrollt — dicht bij Framer’s useScroll.

Genoeg voor een premium homepage?

Voor de meeste marketing-sites is dit voldoende. Echte shared-layout transitions blijven React + Framer Motion.

Terug naar Fris redesign