Lerp

MetaMask

Visitmetamask.io

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

Lenisthree.js 30 fps
Specs

The motion

MetaMask is known for Lenis smooth scroll at lerp 0.1. Measured from frames; estimates from notes. Each fit includes its error.

05 · Ambient

Estimate

Two full-screen webgl2 layers draw the low-poly fox and the 3D coins,…

Curve Duration Stagger
Prompt

Prompt pack

The design presents a bold, immersive experience defined by high-contrast colour blocking and playful three-dimensional geometry. A deep teal background anchors the initial view, featuring massive, blocky typography in pale sky blue that dominates the viewport. An angular, low-poly orange fox rises from the bottom edge, adding a tactile, polygonal texture to the smooth digital interface. The mood shifts dynamically as the page transitions to vibrant lime and violet surfaces, maintaining a sense of depth through floating coins and phone mockups. The aesthetic balances heavy, structural lettering with fluid motion, creating a distinctive, energetic atmosphere that feels both modern and approachable.

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 home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

MetaMask (metamask.io): Lenis smooth scroll at lerp 0.1.

5 effects · 1 measured · 30 fps clips

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

deep bottle-green page with a giant, blocky, rounded pale-blue headline ("WHERE YOUR MONEY LIVES", MM Poly) in three stacked lines, one small white pill, and the orange low-poly fox rising from the bottom edge in 3D. Later sections switch to pale lime with a black phone UI.

Libraries detected

Stack as observed

Next.js (React); motion: Lenis (window.Lenis, lenis class), three.js r183 with react-three-fiber (window.THREE, two full-screen webgl2 canvases), dotLottie player (bundle contains dotlottie-player.wasm), one background video (home.webm); the bundle also contains GSAP + ScrollTrigger and Framer Motion signatures, but there is no gsap global.

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, Pinned scroll chapters.

More like this

Similar motion and feel.

94 % alike
93 % alike
90 % alike
88 % alike
87 % alike
87 % alike