Get to know the features.

Depth & Layers

See how to give backgrounds, text or images depth.

Lit Materials

Every data-foldpage-lit preset, side by side — plus edge lighting and inheritance.

Camera Controls & WebXR

Free-look camera on desktop and mobile, plus the ENTER XR button and WebXR sessions.

GLB Models

Loading and placing 3D GLB/GLTF models on the page.

Camera Offset

Shifting and rotating the camera away from its default view.

HDRI Backgrounds

A full HDR sky environment, lighting the scene.

Particle Playground

Tune a live particle field — motion, mouse interactivity, attractors, rendering, and more.

Shader Modes

Built-in GLSL shader effects you can apply to any element.

View Basics

Scroll-driven camera views — basic concepts.

View Layouts

Automatic 3D layouts for a group of views — live & tunable.

View Links

Click-to-fly camera navigation — plain, anchor, scroll jump, and camera spring.

Showcase: HTML Elements

Common HTML tags — text, lists, media, tables, and more — rendered in 3D.

Showcase: Forms

Every native input type, selection control, and button — rendered in 3D, still fully interactive.

Showcase: Typography

Headings, font families, decoration styles, spacing, alignment, and gradient text — all as real 3D text.

Showcase: CSS Transforms

Live translate/rotate/scale sliders, transform-origin pivots, and nested transform composition.

Showcase: Position and Layout

Flow, floats, flexbox, grid, multi-column, and every position value — including fixed and sticky pinned through the rest of the page.