Back to Projects
3D Web

3D Cubes

It's an example 3D Landing Page with floating cubes and parallax. It is developed using Nuxt.js, and Spline Design

Nuxt.jsSpline
View Demo GitHub

Project Overview

An abstract 3D landing page featuring floating cubes with parallax depth effects. The geometric design creates a modern, tech-forward aesthetic perfect for SaaS, fintech, or creative agency websites. Cubes float and rotate in 3D space, responding to mouse movement with a satisfying parallax effect that adds depth to the browsing experience.

Key Features

  • Floating 3D cubes with physics-like movement
  • Mouse-driven parallax depth effect
  • Abstract geometric art direction
  • Smooth hover interactions on individual cubes
  • Gradient color scheme with glass materials
  • Responsive layout with adaptive 3D positioning

Technical Highlights

Spline Design creates the cube scene with glass/translucent materials and subtle reflections. Mouse tracking events drive the parallax offset calculation for each cube layer. The scene is optimized with LOD (level of detail) to maintain 60fps on mobile devices.