Lerp

Antimetal

Visitantimetal.com

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Antimetal, home at 1440 px: three.js intro

Full page · Pro

three.jsNext.js
Specs

The motion

Antimetal is known for three.js intro. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The design evokes a technical, academic mood through a warm grey-beige paper background and high-contrast typography. It is defined by a drifting WebGL node graph of black dots with orange and olive accents that serves as the primary visual anchor. The aesthetic blends serif headlines with monospaced labels to suggest precision engineering. Distinctive elements include bracket-cornered outline buttons, red drop caps, and line charts with exponential curves. The layout feels spacious yet dense with information, using frosted glass effects and sticky sections to maintain context while scrolling.

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 home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

Antimetal (antimetal.com): three.js intro.

light · 3 effects

Motion
Intro, Scroll, Hover
Libraries
three.js, Next.js
Footage
Screenshot only

warm grey-beige paper (#d7d7d0) with a serif headline ("Production that runs itself.", Signifier, −2 px tracking), Geist and Geist Mono labels, and a drifting node graph of black dots with orange and olive nodes. Later: a red drop cap, a line chart with a red exponential curve and boxed mono callouts, a video testimonial with a large serif quote, and bracket-cornered outline buttons.

Stack as observed

Next.js 16; three.js (three canvases, the node graph); CSS transitions. Key pages: /blog, /careers, /government, /explore, /integrations.

More like this

Similar motion and feel.