manifest / editor / babylon-viewer-block

Babylon.js Viewer Block

Embed interactive 3D models on your WordPress site using the Babylon.js Viewer web component.

by BabylonPress · github.com/eldinor/babylon-viewer-block

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/eldinor/babylon-viewer-block/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/eldinor/babylon-viewer-block ↗

Embed interactive 3D models on your WordPress site using the Babylon.js Viewer web component.

Description

The Babylon.js Viewer Block lets you embed stunning, interactive 3D models directly into your WordPress posts and pages. Powered by the official Babylon.js Viewer web component, this block supports GLB and GLTF model formats and provides a rich, GPU-accelerated 3D experience for your visitors.

Features:

Embed 3D models from any URL (GLB/GLTF formats)
Customizable viewer height
Optional auto-rotate camera animation
Environment intensity control for realistic lighting
Clean, responsive design that works on all devices
Zero-configuration вЂ” just paste a model URL and publish

The block loads the Babylon.js Viewer library from the official ESM CDN, ensuring your visitors always get the latest stable viewer experience without any heavy local dependencies.

Installation

Upload the plugin files to the /wp-content/plugins/babylon-viewer-block directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the 'Plugins' screen in WordPress.
In the block editor, search for "Babylon.js Viewer" and add it to your post or page.
Paste the URL to a GLB or GLTF 3D model file in the block's settings panel.

Frequently Asked Questions

What 3D file formats are supported?

The Babylon.js Viewer supports GLB and GLTF formats. GLB is recommended as it packages textures and geometry into a single file.

Where can I find 3D models to use?

You can find free 3D models on sites like Sketchfab, Poly Pizza, or the Khronos glTF Sample Models.

Does this block slow down my site?

The Babylon.js Viewer library is loaded only on pages that contain the block, and it is loaded asynchronously from a CDN so it does not affect initial page load performance.