Rebrand one file and ship an award-style agency site today.
Works with Claude · Codex · Cursor · Copilot
A full agency landing built on GSAP physics: cards that fling with real inertia, a 3D gallery you drag to spin, and a scribble mask that wipes between pages.
Launch a cinematic Three.js portfolio inside a virtual art gallery.
Works with Claude · Codex · Cursor · Copilot
An editable Vite, Three.js and GSAP portfolio with a cinematic 3D gallery, five demo projects, smooth camera tours, video companions, fullscreen previews and Vercel-ready setup.
Interactive athlete landing template with Three.js brush reveal, GSAP motion, editorial chapters and a premium product collection.
Works with Claude · Codex · Cursor · Copilot
Motion Athlete Landing Template is a premium Vite landing page built for sports, creators, campaigns and product drops that need a cinematic first impression. It includes a WebGL/Three.js hero, reversible brush reveal, GSAP motion, smooth Lenis scrolling, dual chapter storytelling, responsive sections and a polished product collection layout.
The included athlete and team visuals are demo placeholders so buyers can see the full motion system working immediately. Before launching a public or client version, replace all athlete photos, team crests, names, trademark references, copy and outbound links with assets you own or are licensed to use.
Content lives at the top of src/App.js: the PROJECTS array (title, domain, description, year and an accent hue per card), plus the LOOKING_FOR and CAPABILITIES lists. Change the text, add or remove entries, and the layout adapts.
Project thumbnails are files in public/shots/ matched by name. The gallery wall reads public/gallery/01.jpg through 14.jpg at 3:2 — replace the files, keep the names, no code changes; they're packed into an atlas at startup and drawn in a single call.
Section positions live in the T object in src/App.js, measured in viewport heights, so you can lengthen the page or reorder sections by editing numbers.
Swapping the 3D centrepiece is a path change — two extra CC0 models are already included and pre-processed. New typefaces need the included SDF atlas generator (one Python command).
Colour is driven per-project by a hue value from 0 to 360, which is the fastest way to re-theme the work section.
A full-screen studio landing page rendered entirely in WebGL2 by a custom engine — no Three.js, no React, no runtime dependencies at all. Text, navigation, cursor and preloader are drawn inside a single canvas; the whole home page resolves in roughly 45 draw calls and ships at 24 kB gzipped.
Includes a fluid simulation that reacts to the pointer, a post-processing chain (bloom, chromatic aberration, grain, FXAA), SDF text rendering, a glTF geometry loader and a virtual inertial scroll controller. GPU tiering adjusts pixel ratio, particle count and simulation resolution per device, and steps down automatically if the frame rate drops.
You get the full commented source plus a pre-built dist/ you can deploy without installing anything. Swapping copy, projects, gallery images, fonts and the 3D object are all documented in the README. A hidden semantic mirror of every on-canvas string keeps the page crawlable and screen-reader accessible.
Requires WebGL2 (all current browsers). Dark aesthetic by design — there is no light theme.