FOLDSTATE
Intelligence, put to work
Unlock at launch
Join the waitlist for access to this piece. Already a member? Sign in
You're signed in as a member: copy the full prompts, or switch the film to the live preview.
What's inside
- Prompts
- HTML · 396 lines / React · 396 lines
- Media
- WebGL scene · 3d · procedural
- Hosting
- cdn.orbital.supply, already in the prompt
- Fonts
- Oxanium + IBM Plex Sans · Google Fonts
- HTML
- One file · React 19.3.0 · Three.js 0.186.1 · gsap 3.15.0 · @gsap/react 2.1.2 · Vite 8.3.2 · TypeScript 6.0.3
- React
- React 19.3.0 · Three.js 0.186.1 · gsap 3.15.0 · @gsap/react 2.1.2 · Vite 8.3.2 · TypeScript 6.0.3
- Motion
- particle-skinning, scroll-morph, masked-type, glyph-surface
Tested & documented
05 October 2026
- Reproduced in codex
- Rebuilt blind from the prompt: HTML and React
- Checked at 375, 768, 1440, 1920 px
- Spec linter: 0 errors, no generator links
How to use it
Claude
Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.
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 / 396 lines in the full prompt
# Build: FOLDSTATE — Intelligence, put to work.
## 0. Brief
Create a complete English website for FOLDSTATE, a fictional independent AI-first agency. The agency turns complex work into connected systems, capable agents and digital experiences. One luminous particle humanoid is the protagonist through five connected chapters. It reads, connects, creates and presents three applications; its material becomes the animated case studies and finally a folded volume of glyphs. Preserve the tension between technological matter and large editorial typography. Do not introduce clients, fabricated results, testimonials or people presented as real.The full prompt unlocks at launch.