Shop

Porsche 911

Interactive 3D Demo

Porsche 911 3D Viewer made with Three.js

🚗 Interactive 3D Porsche 911 Viewer
Built with Three.js, GSAP, and WebGL. A production-ready template designed to bring any product to life in the browser — just replace the Porsche model, tweak colors, and embed it seamlessly into your website. No build tools required.

Buy Full Project (with Source Code)

Secure checkout powered by Gumroad.

Why You'll Love This Project

  • ✅ Plug-and-Play: Works instantly as a static site — no npm, Node, or setup needed.
  • ✅ Easy Customization: Swap the GLB model, edit colors, or adjust the UI in minutes.
  • ✅ Cinematic Experience: Smooth intro animation, demo loop, and interactive hotspots with images & text.
  • ✅ Optimized Performance: DRACO/KTX2 compression, HDRI lighting, and adaptive pixel ratio for buttery-smooth 4K rendering.
  • ✅ Responsive: Fully optimized for both desktop and mobile devices.
  • ✅ Documentation Included: Quick setup and customization guide.

What You Get

  • 📦 Complete source code (HTML, CSS, JS — scene, loaders, animations, UI).
  • 🧩 Example assets (hotspots, paint colors, HDRI, audio) ready to replace.
  • 🗎 Quick guide: swap models, adjust colors, and fine-tune camera animations.

⚙️ Tech Stack: Three.js · GSAP · WebGL • Controls: Intro / Demo / Color / Mute / Hotspots
• Use Cases: Product viewers, marketing showcases, interactive landing pages

ModernStillness

Interactive 3D Environment

ModernStillness 3D Environment made with Three.js

🌿 ModernStillness — Interactive 3D Environment
A cinematic and relaxing real-time scene built with Three.js, GSAP, and WebGL. Designed as a fully interactive 3D experience inspired by Scandinavian outdoor design and Tommre’s modular furniture concept — optimized for performance and ready to expand into any product showcase.

Buy Full Project (with Source Code)

Secure checkout powered by Gumroad.

Why You'll Love This Project

  • ✅ Cinematic Environment: Smooth intro video, ambient sound, and dynamic lighting for immersive mood.
  • ✅ Optimized Loading: Unified LoadingManager for GLB, textures, and HDRI — with start button and video preloading.
  • ✅ Realistic Details: Baked lighting, animated leaves, dust particles, and fire video with alpha glow.
  • ✅ Responsive UI: Dynamic popups, info panels, and adaptive layout for desktop & mobile.
  • ✅ Performance-Driven: DRACO + KTX2 compression and adaptive pixel ratio.
  • ✅ Extendable: Easily add new models, hotspots, or UI elements.

What You Get

  • 📦 Complete source code (HTML, CSS, JS — environment, loaders, audio, UI).
  • 🌄 Example assets (baked textures, HDRI, leaves, fire video, sounds).
  • 🗎 Quick guide: replace assets, tweak lighting, and control animations.

⚙️ Tech Stack: Three.js · GSAP · WebGL • Modules: Loader / UI / Fire / Leaves / Dust / Performance Manager
• Use Cases: Product scenes, brand mood environments, architectural demos