Lerp

New Studio

Visitnew.studio

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Scroll · 1440 px · 12 s · 30 fps
Step frames · Pro

Full page · Pro

Lenisthree.js 30 fps
Specs

The motion

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

01 · Intro

Estimate

A blank off-white screen while the WebGL scene compiles (long here),…

Curve Duration Stagger

06 · Ambient

Estimate

Three.js draws the silk-cloth hero, animated over time, and dissolves…

Curve Duration Stagger
Prompt

Prompt pack

The design presents a sophisticated, high-contrast aesthetic defined by a full-screen WebGL hero of flowing electric-blue silk. This fluid visual anchors a layout that transitions into a clean, off-white canvas for content, creating a mood of modern elegance and technical precision. The interface is distinguished by its use of frosted glass elements and subtle parallax motion, balancing the organic movement of the background with a structured, minimalist grid. The overall feel is immersive yet restrained, relying on texture and typography rather than heavy graphical ornamentation.

5 prompts in Pro Generated 24 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 5 key pages. See Pro

Captured

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

New Studio (new.studio): Lenis smooth scroll at lerp 0.1.

6 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
25 Sep 2026

near-white page with a full-screen WebGL hero of flowing electric-blue and violet silk folds, and a centred serif headline that italicises single words ("Transforming Brands, Building Futures"). A frosted glass header; the footer is a pure-blue field with a giant white wordmark.

Libraries detected

Stack as observed

Next.js (window.next; next/font Founders Grotesk and Martina Plantijn); motion: three.js r182 (window.THREE, one webgl2 canvas in the hero section), Lenis (html.lenis), per-character blur-in text reveals (inline translate3d + filter: blur + opacity on split characters); bundle contains GSAP + ScrollTrigger + SplitText (no window.gsap), probably driving them.

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, Liquid Glass dock, WebGL image distortion hover, Label cursor follower.

More like this

Similar motion and feel.

98 % alike
96 % alike
94 % alike
93 % alike
92 % alike
92 % alike