Lerp

Liquid Orb

Visitlersent001.github.io

Free previewPro opens every clip, exact specs and prompts.

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

Full page · Pro

30 fps
Specs

The motion

Liquid Orb is known for linear · 800 ms. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The interface presents a dark, immersive editor for generative visuals, anchored by a central, fluid orb that mimics a glass sphere with internal light refraction. The aesthetic is technical yet ethereal, blending deep navy backgrounds with vibrant, shifting gradients of cyan, violet, and gold within the core visual. Side panels offer precise control through minimalist inputs, creating a mood of sophisticated digital craftsmanship where complex motion is tamed by a clean, structured layout.

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

Liquid Orb (lersent001.github.io): linear · 800 ms.

dark · 3 effects · 30 fps clips

Motion
Intro, Scroll, Hover, Ambient
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

a WebGPU "Siri"-style orb editor on a near-black navy canvas (#030409). These settings pick the glass-liquid orb in the Siri Wave style: a glass shell (0.44 opacity, white core, cyan-to-lilac rim) around a folded ribbon of yellow #FFD86B, cyan #82F4FF, pink #FF7BD5 and violet #8E6CFF, with a violet glow (#956CFF), in the "Thinking..." state. Every value has an idle twin: idle runs at about 30 % of the speed with half the warp, lower exposure and muted colours (olive-gold, slate teal, mauve, dusky violet). It is WebGPU-only, not WebGL.

Stack as observed

React single-page app (Vite build, one index-*.js bundle) on GitHub Pages; motion: raw WebGPU (getContext("webgpu"), WGSL @fragment shaders in the bundle; no three.js or WebGL path) driven by requestAnimationFrame, Web Audio analysis (getUserMedia, media-element source, frequency and waveform data); a poster PNG is the fallback.

More like this

Similar motion and feel.

89 % alike
87 % alike
85 % alike
85 % alike
85 % alike
84 % alike