“Crafting Worlds in Motion” 3D designer portfolio
By Command Code (@CommandCodeAI). Model: Kimi K3. Posted Jul 18, 2026. Original post: https://github.com/CommandCodeAI/slash-design-showcase/tree/main/kimi-k3-design/3d-portfolio
Create a stunning, futuristic single-file HTML landing page for a 3D motion designer named "Alex Rivera". Use Tailwind CSS via CDN. Hero section: Massive 3D canvas background using Three.js (include Three.js via CDN) showing a rotating, glowing abstract geometric sculpture that reacts to mouse movement. Hero text "Crafting Worlds in Motion" with dramatic reveal animation. Navigation: Glassmorphic navbar that becomes solid on scroll. Sections: - About with parallax 3D floating portrait - Selected Works grid with hover 3D tilt effect (using CSS + vanilla JS) - Scroll-driven horizontal gallery where scrolling reveals more 3D pieces - Creative Process timeline with animated 3D icons - Contact with interactive 3D form elements Incorporate smooth scroll-triggered animations (GSAP via CDN or pure CSS/JS), particle effects, dark cyber-minimal theme with neon accents. Make it incredibly creative and high-end. Output the complete self-contained HTML code in one file. Include all scripts inline.
