Lerp

Midlife Engineering

Visitmidlife.engineering

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

LenisMotion 30 fps
Specs

The motion

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

Prompt

Prompt pack

The site presents a tactile, hardware-inspired aesthetic centred on a realistic sound machine interface overlaid against massive, edge-to-edge typography. The mood is calm yet technical, blending the precision of engineering with soft, organic textures. A pale grey background contrasts with dark charcoal controls and vibrant orange accents, creating a distinct visual identity. The experience feels interactive and physical, driven by smooth motion and detailed UI elements like knobs and faders that mimic real-world audio equipment.

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, and 1 key page. See Pro

Captured

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

Midlife Engineering (midlife.engineering): Lenis smooth scroll at lerp 0.287.

light · 5 effects · 1 measured · 30 fps clips

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

pale grey page with a giant "midlife / engineering" wordmark edge to edge and a realistic hardware sound machine built in HTML laid over it: speaker grille, a mono status screen ("SYSTEM STATUS: DORMANT … switch on the machine"), knobs, numbered keys and sound icons (bird, rain, fire, wind).

Libraries detected

Stack as observed

Framer (generator "Framer c9b3949", Framer appear animations, code components); motion: Lenis (html.lenis), Framer Motion WAAPI animations with spring curves; one small 2D canvas (216 × 100, probably a waveform or display element); 49 <audio> elements; no WebGL or video.

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, Split-text mask reveal.

More like this

Similar motion and feel.

92 % alike
90 % alike
90 % alike
90 % alike
88 % alike
88 % alike