Juncture

What's inside

Prompts

HTML · 509 lines / React · 535 lines

Media

WebGL scene · Canvas

Hosting

cdn.orbital.supply, already in the prompt

Fonts

Funnel Display + Funnel Sans · Google Fonts

HTML

One file · gsap 3.15.0

React

React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2 · lucide 1.49.0 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3

Motion

loader, cascade, mask-reveal, particle-figures

Tested & documented

08 October 2026

• Reproduced in Claude
• Rebuilt blind from the prompt: React and HTML
• Checked at 375, 768, 1440, 1920 px
• Spec linter: 0 errors, no generator links

How to use it

1. Claude

   Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.

2. Vite + React

   Open an empty Vite + React project and paste the React prompt. It lists the exact packages; the asset URLs are already inside.

The prompt

Excerpt / 535 lines in the full prompt

# Build: "Juncture — an AI agents hero" — two figures made of light walk across a night landscape of particles and touch fingertips

## 0. Brief

Juncture (fictional) builds AI agents that work alongside teams and hand the work back to a person whenever judgement is needed. The hero is one full screen at night: a landscape of glowing particles (a lit ridge, a dune valley, layered mountains), where an AI figure made of mint light and a person made of white light walk in from opposite sides, stop face to face and touch fingertips; a mint pulse runs out across the ground. Hovering the figures interferes with them: their particles scatter, they step back, and once the pointer leaves they walk back and meet again. A loader of two grains that travel toward each other opens the night, then the interface arrives in one cascade. The layout is asymmetric: headline left, scene right, annotations and plates on the right edge.

The full prompt unlocks at launch.