Lerp

Connected Earth

Visitconnected.earth

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Intro · 1440 px · 9 s · 30 fps
Step frames · Pro

Full page · Pro

Lenisthree.js 30 fps
Specs

The motion

Connected Earth is known for Lenis scroll. Measured from frames; estimates from notes. Each fit includes its error.

05 · Ambient

Estimate

One webgl2 canvas (608 px square at 1440) draws a dotted globe with…

Curve Duration Stagger
Prompt

Prompt pack

The site presents a serene, data-driven aesthetic centred on a pale grey canvas. A dotted WebGL globe sits beneath an arc of soft gradient cards and giant charcoal typography that crops off the bottom edge. The mood is quiet and archival, defined by the contrast between technical precision and organic sound. Distinctive features include a floating audio player with a waveform visualiser and frosted glass effects. The interface feels tactile yet digital, using subtle blurs and springy motions to guide attention without overwhelming the sparse, grid-based composition.

5 prompts in Pro Generated 25 Sep 2026

  • Recreate this site's feelEverything: look, layout, type, colour, motion and libraries, in one prompt.
  • Just the scroll feelSmoothing, what moves with scroll, pinned sections.
  • Just the introHow the page enters: sequence, curve, duration, stagger.
  • Just the hoversLinks, buttons and cursor: timings from the live CSS.
  • Just the type and colourFamilies, scale, weights, tracking and the palette with roles.

Pro opens every prompt with its measured values, and the tokens they are built from.

Unlock prompts with Pro

US$60/year or US$8/month. Cancel anytime.

Record

Capture record

Savedon 24 Sep 2026. Full pages, stills and key frames.

Pro opens the rest of the record: the whole page at each viewport, the key frames of every clip. See Pro

Captured

  1. 24 Sep 2026 Shown home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

Connected Earth (connected.earth): Lenis scroll.

light · 5 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover, Ambient
Libraries
Lenis, three.js, Framer
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

pale grey page with a dotted WebGL globe, an arc of soft gradient cards labelled by country, and a floating audio-player card (waveform, play and record buttons). Giant grey type crops off the bottom edge. Aspekta with IBM Plex Mono labels.

Libraries detected

Stack as observed

Vite single-page bundle (one module script, probably React); motion: three.js r184 (window.THREE, one webgl2 canvas), CSS transitions; no GSAP, Lenis or Framer globals; the CSS has prefers-reduced-motion rules.

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Lerp smooth scroll.

More like this

Similar motion and feel.

93 % alike
90 % alike
90 % alike
88 % alike
87 % alike
84 % alike