Command Palette
Search for a command to run...
3D Product Launch
WebGL hero, scroll-locked storytelling, premium feel.
For physical products that earn a moment. A 3D model anchors the hero, scroll progress drives the camera, and the rest of the page breathes underneath.
Launch Capsule — model anchored, scroll choreographed.
React Three Fiber + drei carry the hero; GSAP and Lenis hand off scroll progress to the camera so the product unfolds rather than scrolls past.
Light bends to the object.
A composition tuned to your brief — typography, motion, and chrome moving in the same direction.
8 libraries, with intent
App Router, RSC, edge-ready
Why this — RSC streaming + image optimization keeps LCP fast even with a 3D hero overhead.
Three.js, the React way
Why this — Compose the 3D scene in JSX next to the rest of the page — props, suspense, and lazy loads stay React-native.
R3F helpers, batteries-included
Why this — Environment maps, OrbitControls, and primitive shaders cut weeks of glue code.
WebGL, declarative 3D
Why this — The actual renderer — high-fidelity lighting, shadows, and post-processing.
Utility-first styling
Why this — The 2D chrome (cart, specs, footer) snaps to a grid instantly without bespoke CSS.
Own your components
Why this — Add-to-cart drawer, size pickers, and dialogs come pre-styled and accessible.
Buttery smooth scrolling
Why this — Smooth scroll converts viewport-locked moments into film cuts.
Timeline-precise motion
Why this — ScrollTrigger ties camera position and material reveals to scroll progress, not time.
The starter ships a Next.js app with the recipe's theme, fonts, and the libraries above already wired up.