Typography · 3D · live

Liquid Chrome · 24k Gold

Mirror-polished 3D numerals in a photo studio. Softboxes slide across the surface and the letters reflect each other.

webglraymarchingchromemetalstudioy2kluxury

11 presets

Make it yours

TitleMessage

EyebrowStatus code

Button label

Scenes that draw the code themselves (3D type, particles, games) pick up the new status code too.

Use it

app/not-found.tsx

import { LostPage } from "lostpage/react";

export default function NotFound() {
  return <LostPage scene="chrome-404" preset="gold" />;
}

Install

npm i lostpagepnpm add lostpage · yarn add lostpage · bun add lostpageRead the full guide →