cinematic-web

Kediri: A Century of History, Kings, and Industry — An interactive digital history project tracing Kediri’s journey from an ancient Javanese kingdom and cultural center to a modern industrial city, bringing over a thousand years of heritage to life through research-driven storytelling and immersive web experiences.

cinematic-web 3d-website-builder scroll-animation gsap-animation ai-web-design web-motion-design frame-sync scroll-storytelling javascript web-animation

Codex plugin for generating cinematic WebGL/Three.js animated websites with real-subject 3D pipelines.

Evidence-first agent skill for premium scroll-driven cinematic websites with Three.js, WebGL, WebGPU, GSAP, and WebCodecs.

A cinematic Nier-inspired web experience | HTML/CSS/JS | Storytelling, UI/UX, Design System

Build cinematic scroll-scrubbed landing pages with Google Flow Imagen and Veo using gflow-cli.

An interactive cinematic web monograph exploring scale, solitude, and atmospheric restraint.

A cinematic interactive website inspired by The Wolf of Wall Street, built with Next.js, TypeScript, Tailwind CSS, Framer Motion and GSAP. Live: https://wolf-of-wall-street-experience.vercel.app

Ducháč to zařídí — David Ducháč personal showcase, published by Workflow 3 Terminal.

Authored cinematic web narrative with branching routes, signal-driven UI, and an optional XR threshold scene.

Cinematic Game of Thrones-inspired web experience built with Vite, GSAP & Lenis — featuring scroll-scrubbed storytelling, Jon Snow and Daenerys chapters, atmospheric effects, portals, and an immersive finale.

Cinematic Avengers: Doomsday-inspired scroll experience built with Next.js, Three.js & GSAP — featuring WebGL atmosphere, frame-accurate video scrubbing, 3D scenes, interactive character sequences and immersive storytelling.

Case study: a private Oaxacan estate built as a cinematic website — Next.js 16, custom scroll engine, owner dashboard + guest PWA.

NADIR — a cinematic pressure-system experience rendered as frame-accurate motion controlled directly by scroll

A Codex skill for designing and building cinematic, media-rich web experiences.

An immersive, cinematic, interactive web documentary exploring the revolutionary life of Ernesto "Che" Guevara. Built entirely with pure HTML, CSS, and Vanilla JavaScript. Features a dynamic timeline, interactive journey map, audio quote player, and a stunning WebAudio cinematic intro.

Sentiment Life — Cinematic memory website built from ChatGPT conversation history. Inertial scroll, masked type, magnetic cursor, continuous visual field. 76 conversations (2024-2026), Memento Vault, Agent Deduction Ledger, Read Aloud.

An agent-ready React and Motion framework for cinematic, accessible, mobile-first web experiences with LLM collaborators.

🌌 Immersive, high-performance static storytelling experience built with Astro and Tailwind CSS. Features complex scroll animations and zero layout shifts.

A cinematic editorial studio experience built with React, Vite, Tailwind CSS, and TypeScript.