Lerp

Elegant Seagulls

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

Lenisthree.js 30 fps
Specs

The motion

Elegant Seagulls is known for Lenis scroll. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The design presents a high-contrast, editorial aesthetic defined by massive typography acting as windows for vibrant, shifting image mosaics. A clean white canvas supports this visual density, punctuated by glossy three-dimensional eye elements and sharp square corners. The mood balances playful energy with professional rigour, using negative space to let the complex textures within the letterforms breathe. Distinctive features include the background-clip text effects and a lime accent colour that guides interaction without overwhelming the monochrome structure.

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

Elegant Seagulls (elegantseagulls.com): Lenis scroll.

light · 6 effects · 1 measured · 30 fps clips

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

a giant "Hey" (Haffer, about 720 px) whose letters are cut out of a colourful photo-and-render mosaic (background-clip: text), then "Let's start something great together" and a lime pill button. The site uses the same letter-window trick for its hero word.

Stack as observed

React Router / Remix (entry.client chunk, data-discover links), Tailwind, Contentful images; motion: Lenis (html.lenis), bundle contains GSAP + ScrollTrigger + CustomEase (not global), react-three-fiber / three.js r168 (__THREE__, one webgl2 canvas, HeroEye chunk), Mux/HLS video renditions.

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.

More like this

Similar motion and feel.