A single-page, client-side marketing-style experience inspired by Apple product pages. It combines scroll-driven storytelling (GSAP), interactive 3D (Three.js via React Three Fiber), and a small global state slice (Zustand) so learners can see how modern landing pages mix layout, motion, and WebGL without a traditional backend or REST API
react webgl threejs typescript landing-page react-tutorial learning-project educational-project gasp react-learning frontend-development tailwindcss vite react-three-fiber zustand scroll-driven-animations macbook-showcase macbook-marketing viewport-driven-css gasp-tutorial
-
Updated
Apr 16, 2026 - TypeScript