Babylon Viewer v2 Wordpress 3D Plugin

Babylon Viewer v2
Wordpress Plugin

The Babylon Viewer v2 aims to simplify a specific but common Babylon.js use case: loading, viewing, and interacting with a 3D model.

Babylon Viewer v2 Plugin by BabylonPress does the same for Wordpress.

Drag with the right button, zoom with the mouse wheel.

A passion for creating 3D spaces

Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial code developers.

Defer loading

Defer loading (via dynamic imports) loaders (e.g. gltf, obj, stl, splat), glTF extensions, and features (e.g. animation) until they are needed.

HTML Web Component

HTML Web Components / Custom Element layer for easy integration directly in HTML.

Customizable UI

Default UI (in HTML custom element) can be customized through CSS variables, parts, and slots.

Customizable skybox

Use environment for IBL and skybox, otherwise fallback to standard lighting.

WebGPU support

Supports WebGPU (with snapshot rendering mode)

Consulting

Experience the fusion of imagination and expertise with our team.

An array of resources

While the Babylon Viewer is specifically designed to make viewing a single 3D model easy, it also exposes the underlying Babylon.js components so that you can customize it for your specific scenario and needs.

Easy to Use

  • Default UI (in HTML custom element) can be customized through CSS variables, parts, and slots.
  • Default UI for selecting, playing, and scrubbing animations
  • Viewer is accessible (keyboard interactions, screen readers, color contrast).

Visit Workshop (WIP)

<babylon-viewer style = "--ui-background-hue: 200; --ui-background-saturation: 70%; background-color:PeachPuff" source="https://raw.githubusercontent.com/BabylonJS/Assets/master/meshes/ufo.glb">
</babylon-viewer>

CSS Variables

  • Various CSS variables can be set to customize the appearance of the viewer. These variables are applied to the babylon-viewer element and are inherited by all UI elements within the viewer.
  • As an example, if you wanted UI elements with a moderately saturated bluish background, you could apply the following CSS variables on the babylon-viewer element.
  • Various parts of the viewer can be styled using CSS part selectors. 

“Babylon Viewer v2 Wordpress Plugin has saved us thousands of hours of work and has unlocked insights we never thought possible.”

Annie Steiner

CEO, Greenprint

Download Plugin

Download the latest version of Babylon Viewer v2 Wordpress 3D Plugin

Download