rubik-cube-3d

A lightweight 3D Rubik's Cube simulator built with vanilla HTML, CSS, and JavaScript.

Features

• Real 3D cube rendering with CSS transforms
• Cubie-based cube state tracking
• Matrix-based rotations
• 2x2 / 3x3 / 4x4 cube sizes
• Mouse orbit controls
• Keyboard cube notation:
  • U D L R F B
• Scramble generator
• Move counter
• Timer
• Responsive layout

Tech

No frameworks. No dependencies.

Built with:

• HTML
• CSS
• Vanilla JavaScript

Controls

U D L R F B - turn faces

Mouse drag - rotate view Scroll - zoom