A fully featured, open-source rendering engine, Babylon.js makes it as simple as possible to create visually realistic 3D experiences that run on the web in any browser, or even natively with Babylon Native. Built on JavaScript, and web standards, Babylon.js eliminates cross-platform complexity, allowing you to focus on what is truly important…creating interactive 3D experiences for end-users and customers.

Rendering of an athletic shoe with material variants.

Supporting 3D Commerce™

3D visualization technologies initially developed for gaming and visual effects are beginning to transform online retail experiences, advertising, and even physical retail experiences with AR/VR. Commerce 3D™ is a newly created standardization working group from Khronos® aiming to enable realistic and consistent 3D virtual products experiences. As an active member of this working group, the Babylon.js Team is fully engaged to develop, support, and broaden the adoption of the standards.

Visual realism

When representing a product via a 3D Model, visual realism is essential for the buying decision. The Babylon.js engine implements the latest glTF 2.0 PBR material extensions such as Sheen (e.g. to represent the fabric of a furniture), clearcoat (e.g. car paint), transmission (e.g. thin glass) and works closely with the 3D Assets™ Khronos® working group on the upcoming extensions (e.g. Volume, Translucency for thick glass and semi-transparent objects). Custom PBR Materials can also be created without coding with the Node Material Editor.

Rendering of a half-empty soda bottle casting a shadow on the table
PBR materials rendered on an mock product electronic device.

Interactives experiences

3D capabilities enable a whole new world of interactive experiences for customers, a book that still must be written for it most part. The Babylon.js Viewer is simple to integrate in a Web page or a WebView and is fully customizable. It makes it easy to zoom in on a product for details or to rotate an object to inspect it from any angle. More sophisticated experiences, such as animating objects between positions for instance, or 'exploding' a complex object into it parts are also easy to set-up.

AR and VR experiences

Virtual Reality brings consumers into immersive experiences. Augmented Reality lets them visualize 3D representation of products in their living room. By making the object look like it can be touched, with the right materials, scale, and lighting, it becomes easier to be confident about what one is buying. With the support for WebXR, developers can easily create compelling cross-browser AR/VR web experiences with hand tracking, hit-testing, advanced teleportation, cross-device input management and controller support and much more.

WebXR logo.
An illustration of devices of differing size and format.

Web and Mobile

With Babylon Native, you can write your rendering code once and re-use it across your web site and your various native applications. You code your application in JavaScript and the Babylon Native Runtime runs it on platform native graphics APIs (DirectX on Windows, Metal on iOS/MacOS, OpenGL on Android, and OpenXR devices such as HoloLens 2 and Oculus).

Active, Friendly Community

Finally, what truly makes Babylon.js special is the active open-source community that supports each other in creating amazing experiences. As you begin your Babylon.js journey, this amazing group of passionate folks is eager and ready to help you get started and answer any of your questions.

A screen capture of our very active forum page.

Just the Tip of the Iceberg

We don't take it lightly when we say that Babylon.js is fully-featured. Dive in to see how far this rabbit hole goes!