Lerp
Get Pro

MetaMask

Lenis smooth scroll at lerp 0.1 · smoothed · RMS ±0.004% · peak ±0.012%.

metamask.io
Save Visit

Watch

Desktop 1440 px

Mobile 390 px

0.00 s / 21.10 sF001/633

Scroll · 1440 px · 21.10 s · 30 fps
IntroPro · 1440 px
HoverPro · 1440 px
MenuPro · 1440 px
Page transitionPro · 1440 px

Captured

Every page. Every screen.

Pages
6
Screens
126 desktop · 6 phone
Clips
19at 30 fps
Full-length pages
12
Key-frame sheets
19
Motion states
IntroScrollHoverMenuPage transition
/trade /trade Scroll
/swaps /swaps Scroll
/perps /perps Scroll
/rwa /rwa Scroll
/prediction-markets /prediction-markets Scroll

Captured at 1440 and 390 px

Use

Take this direction to your agent.

Start with the source, not a guess. Connect the same account to give your agent the same access.

Connect your agent →
Use Lerp to study MetaMask: https://lerp.gallery/s/metamask
Connect to https://lerp.gallery/mcp with my account.
Read get_site({"slug":"metamask"}).
Then read get_prompt_pack({"slug":"metamask","kind":"site","focus":"scroll"}) for the scroll brief.
Use only the stored observations and available media. Distinguish measured values (with fit error) from estimates. Do not invent missing timings or bypass my plan. Suggest an implementation for my project; do not copy the reference site's assets.

Connect with your account; API keys are for scripts and clients without OAuth. Sign in to connect an agent. A free account gets 25 calls a day and the same three sites in full. This page returns the summary, not the fit or prompts.

Prompt pack

MetaMask defines its aesthetic through a deep bottle-green canvas dominated by giant, blocky pale-blue headlines and a rising low-poly orange fox. The mood is bold and playful, merging heavy geometric typography with fluid WebGL animations of tumbling coins. Distinctive transitions shift the background to pale lime, revealing phone interfaces that peel away from the mascot's head. This combination of oversized display text, vibrant colour blocking, and interactive three-dimensional elements creates a highly energetic and immersive brand experience.

5 prompts in Pro Generated 29 Sep 2026

Unlock prompts with Pro

Inspect

Specs

Measured means fitted to the frames, with its fit error.

Scroll smoothing

Measuredsmoothed

Lenis smooth scroll at lerp 0.1 · smoothed · RMS ±0.004% · peak ±0.012%

What is lerp

WebGL/canvas

Estimateestimate

Techniques on this site.

Live demos, explanations and code to explore on their own.

Notes

0 notes · 6 more in Pro

No public design or motion notes recorded yet.

6 more notes in Pro. See what’s included

Show more notes
Motion
Intro, Scroll, Hover, Page transition, Ambient
Footage
19 clips, frame-stepped
Captured
26 Sep 2026

Libraries detected