Lerp

Funkhaus

Visitfunkhaus.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

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

Prompt

Prompt pack

The design presents a sophisticated, dark-mode aesthetic defined by a near-black navy background and a dynamic WebGL canvas featuring grainy, drifting ribbons in pink, violet, and white. The visual identity relies on a high-contrast interplay between a light grotesk typeface and an italic display serif, creating a mood that is both technical and elegant. Distinctive frosted glass elements, such as the pill-shaped header and media windows, add depth to the composition. The overall feel is immersive and fluid, characterised by smooth motion, blur-to-sharp text reveals, and a custom cursor that integrates with interactive elements.

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 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

Funkhaus (funkhaus.io): Lenis smooth scroll at lerp 0.07.

dark · 6 effects · 1 measured · 30 fps clips

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

near-black navy with a grainy WebGL field of broad curved ribbons in pink, violet and white, under a headline that mixes a light grotesk with an italic display serif ("Pushing the boundaries of web technologies."). A frosted pill header and a giant white footer wordmark.

Stack as observed

Nuxt (Vue); motion: Lenis on a wrapper element (div.lenis.lenis-smooth; the window itself does not scroll, scrollHeight = viewport), bundle contains GSAP + ScrollTrigger + CustomEase, three.js r175 (__THREE__, two full-width webgl2 canvases), Splitting.js-style word/char spans (71 split elements), Cuberto-style "mf-cursor" follower, CSS-animated SVG wordmark paths.

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, Label cursor follower, Grain and noise overlay.

More like this

Similar motion and feel.