D3pth engine gamma 1.4 - nostalgy

A browser-based 3D layout engine for turning regular HTML elements into spatial, scroll-driven website scenes.

No WebGL Regular HTML elements transformed in 3D space.
Custom camera Control viewpoint, depth, movement, and perspective.
Finite states Multiple state machines drive transitions and layout behavior.
FEATURE SET

Spatial HTML layout

Build pages where common layout elements become part of a controlled 3D composition.

01 Cards as scene objects

Any element with class card can become a transformed visual object.

02 Scroll-driven motion

Scrolling can move the viewer through depth, rotation, and state transitions.

CONTROL

State machine logic

The page behavior is controlled by a finite state model, making the scene predictable, configurable, and easier to adapt.

5 example cards
3D translation and rotation
HTML normal browser layout
DESIGN SYSTEM

Ready to adapt

Copy the structure

Use the provided card layout as a practical starting point.

Change the states

Modify depth, camera values, and transitions for your own scene.

Deploy as a website

The result remains a normal browser page with regular HTML content.

Let regular websites move through depth, perspective, and camera-like composition.

©2026 you! All Rights Reserved D3pth engine gamma demo