Corelay

Qué incluye

Prompts

HTML · 622 líneas / React · 626 líneas

Medios

webgl-free

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Chakra Petch + Host Grotesk + Martian Mono · Google Fonts

HTML

Un archivo · Three.js 0.186.1

React

React 19.3.0 · Three.js 0.186.1 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Movimiento

scroll-scrub-3d, exploded-view, number-scramble, bracket-hover

Probada y documentada

02 de octubre de 2026

• Reproducida en Claude
• Reconstruida a ciegas desde el prompt: HTML y React
• Revisada a 375, 390, 768, 952, 1000, 1024, 1280, 1440, 1920 px
• Revisor de la spec: 0 errores, sin enlaces a generadores

Cómo usarla

1. Claude

   Pega el prompt de HTML en un chat nuevo. Obtienes un index.html para servir por HTTP o publicar donde quieras.

2. Vite + React

   Abre un proyecto vacío de Vite + React y pega el prompt de React. Indica los paquetes exactos; las URLs de los recursos ya están dentro.

El prompt

Extracto / 626 líneas en el prompt completo

# Build: "Corelay" — a dark fintech landing told by one scroll-driven 3D core (React)

## 0. Brief

A fictional finance core for companies operating across borders. One procedural Three.js core of seven card-sized chrome and anodized plates with blue-lit cut-outs tells the story on scroll: it scatters, aligns into an exploded drawing, shows each layer's UI on its plate, carries a payment through the layers, locks, turns edge-on and compresses into one 0.76 mm card. Night-blue grainy field; UI cards share the plate silhouette; the core fits empty layout boxes, never over copy.

El prompt completo se desbloquea en el lanzamiento.