Back to Projects
3D Web

3D The Earth

It's an example 3D Landing Page with interactive Earth globe. It is developed using Nuxt.js, and Spline Design

Nuxt.jsSpline
View Demo GitHub

Project Overview

An interactive 3D Earth globe landing page where visitors can rotate and explore our planet in stunning detail. The Spline-designed globe features realistic texture mapping, cloud layer animation, and atmospheric glow effects. Perfect as a template for travel, space, geography, or global business websites.

Key Features

  • Interactive 3D Earth globe with drag rotation
  • Realistic Earth texture with cloud layers
  • Atmospheric glow and ambient lighting
  • Smooth auto-rotation animation
  • Mouse-driven orbit controls
  • Optimized 3D assets for fast web loading

Technical Highlights

Spline Design creates a multi-layered Earth model with separate meshes for the planet surface, cloud layer, and atmospheric glow. The Spline runtime handles all WebGL rendering and interaction events. Nuxt.js provides the page shell with SEO meta tags while the 3D scene loads progressively.