Lerp
Get Pro

Charlie Osborne

Visitcharlieosborne.co

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

LenisMotion 30 fps
Specs

The motion

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

03 · Scroll

Estimate

Lenis smooth scroll, pinned, parallax 1.2× · linear · 0.4–1.4 s

Curve Duration Scroll

06 · Ambient

Estimate

One full-width webgl2 canvas draws the molten orange-red gradient as…

Curve Duration Stagger
Prompt

Prompt pack

The site presents a bold, high-contrast aesthetic defined by massive white typography set against a deep black background. A distinctive molten orange-red gradient rises from the bottom like a slow-moving wave, adding organic warmth to the rigid structure. Thin vertical column rules divide the layout, creating a technical yet elegant grid. The mood is sophisticated and modern, balancing brutalist scale with smooth, fluid motion. Giant sticky headings anchor the experience while content drifts in parallax, creating a sense of depth and deliberate pacing throughout the scroll.

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

Charlie Osborne (charlieosborne.co): Lenis smooth scroll at lerp 0.106.

dark · 6 effects · 1 measured · 30 fps clips

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

the name set edge to edge in white grotesk across the top of a black page, over thin vertical column rules, with a molten orange-red gradient rising from the bottom. The tagline mixes sans with one italic-serif word ("Designs"). Framer site.

Libraries detected

Stack as observed

Framer (React); motion: Framer Motion appear animations (14 at 1440), Lenis (html.lenis.lenis-smooth, Framer "Smooth Scroll" component), three.js r169 with react-three-fiber (window.THREE, one webgl2 canvas).

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, Parallax depth layers.

More like this

Similar motion and feel.

97 % alike
96 % alike
94 % alike
93 % alike
92 % alike
91 % alike