Slide examples / Motion

Moiré Hero

Two sets of concentric rings at slightly different frequencies produce a moiré interference pattern. One ring set is anchored near the screen centre; the other smoothly follows the mouse cursor, causing the pattern to deform and flow toward the pointer.

Kaptio

Travel technologythat moves with you.

Edge-to-core infrastructure built for the world's most ambitious travel businesses.

Usage

import MoireHero from '@/components/MoireHero';

<MoireHero
  eyebrow="Kaptio"
  title={"Travel technology\nthat moves with you."}
  subtitle="..."
  cta="Request a demo"
  ctaHref="/demo"
/>
Open full-screen ↗