Hero Sections

Above-the-fold openers — scattered media constellations, cursor spotlights, drifting gradient meshes and curtain reveals.

4 demos · hover a stage to interact · press Replay to re-run

Scattered media constellation

Thumbnails ring a centred wordmark, drifting on idle and swinging on pointer parallax at three different depths.

  • useSpring
  • depth parallax
  • layered transforms
DARWIN™

Minifolio

(2026)

Cursor spotlight

A radial gradient tracks the pointer over a masked grid while the headline rises into place.

  • useMotionValue
  • useMotionTemplate
  • mask-image

Design in

motion.

Move your cursor across the stage — the light follows.

Gradient mesh

Three blurred blobs on independent loops behind a frosted glass panel.

  • keyframes
  • blur
  • backdrop-filter
v2.0 is live

Ship interfaces that breathe

Three blurred blobs on independent loops. Cheap to render, impossible to spot the repeat.

Split curtain reveal

Two panels retract from the centre seam, then the headline scales down into focus.

  • transform
  • staggered delay
  • cubic-bezier

Split reveal

Curtains driven by transform, not width — no layout thrash.