A 3D Javascript Library with HTML Syntax
Xzero JS is a modern JavaScript library (ES6 module) for displaying 3D models, scenes and 360° panoramas on the web.
Trusted by leading brands










Built-in Developer Features
We help you create high-quality content quickly and easily without sacrificing quality.
Responsive
Fully Interactive
No Dependencies
Effects without effort
Support for GLTF/GLB, FBX, OBJ and STL
Easy to use
Animation Controls
Draco Support
AI News
Dall-E, GPT, or Ada.
AI-Powered Generation
Advanced Dashboard
Multi-Lingual Support
Two Factor Authent.
Payment Gateways
Referral System
Still have a question? Browse documentation or submit a ticket.
Supercharge your workflow.
// Installation
<script type="module"
src="https://cdn.jsdelivr.net/npm/xzero-js@1.2.1/xzero.min.js">
</script>
// Usage
<xzero-js src="model.gltf" loading="lazy"></xzero-js>
Installation & Usage
Load the script and add the HTML element to your page.
Cost Effective
High-Quality Content
Free 30 Day Trial
Still have a question? Browse documentation or submit a ticket.
More than image generation.
We help you create high-quality content quickly and easily without sacrificing quality. We help you create high-quality content.
Code
Brain Storming
Podcast Script
Academic Essay
High-Quality Content
Code
Brain Storming
Podcast Script
Academic Essay
High-Quality Content
Code
Brain Storming
Podcast Script
Academic Essay
High-Quality Content
Videos
Social Ads.
Startup Ideas
SEO Meta
Eccomerce Products
Videos
Social Ads.
Startup Ideas
SEO Meta
Eccomerce Products
Videos
Social Ads.
Startup Ideas
SEO Meta
Eccomerce Products
Customer Stories
Newsletter
Post / Article
FAQ
Email Marketing
Customer Stories
Newsletter
Post / Article
FAQ
Email Marketing
Customer Stories
Newsletter
Post / Article
FAQ
Email Marketing
Still have a question? Browse documentation or submit a ticket.
So, how does it even work?
Setup and Install
To help you get started quickly and easily, we offer a variety of pre-designed.
Create Content
With our customizable dashboards, you can gain insights into your.
Browse Result
You can view your data as tables, charts, or graphs, and you can drill down.
People love using Xzero JS

I was blown away by the quality of the writing generated by this AI tool. It saved me so much time and effort.
4:56 PM - Jul 13, 2021

As someone who struggles with writer's block, this AI generator has been a lifesaver.
4:56 PM - Jul 13, 2021

I was skeptical at first, but after trying out this AI generator, I'm a believer. The flexibility and customization options are fantastic, and I love how it can adapt to different writing styles and topics.
4:56 PM - Jul 13, 2021

I've tried other AI writing tools before, but this one is by far the best. The language is sophisticated and engaging, and it's helped me take my content to the next level.
4:56 PM - Jul 13, 2021

I can't imagine going back to writing without this AI tool. It's made the process so much smoother and faster.
4:56 PM - Jul 13, 2021

As a content marketer, I'm always looking for ways to streamline my workflow and create high-quality content at scale. This AI generator has been a game-changer for me, and I don't know how I ever managed without it.
4:56 PM - Jul 13, 2021
See it in action
Free Plan
The basic plan for most people.
- • 300 Words / Month
- • User Analytics
- • 2 Languages
- • Api Access
- • Free Support
Standart Plan
The most popular plan.
- • 300 Words / Month
- • User Analytics
- • 2 Languages
- • Api Access
- • Free Support
Enterprise Plan
Contact us for more information.
- • 300 Words / Month
- • User Analytics
- • 2 Languages
- • Api Access
- • Free Support
Frequently asked questions
Model is clipped
The model is clipped if it doesn't fit the <xzero-js> element.
- If the geometry is not centered adjust the position in the 3D software.
- Increase zoom to show more parts of the model (zoom out). Increase the size of the <xzero-js> element to show it bigger.
Model is corrupt
- Try different export settings
- Try another file format
- Add the objects in your scene one by one to narrow down errors.
- Remove advanced 3D features and simplify your model.
- Export the model with another 3D software like Blender.
Model is not shown
- Was the script module loaded?
- Is the <xzero-js> element present, visible and big enough?
- Was the 3D file loaded?
Make sure you check.
Model has invisible faces
Only front side faces are rendered by default. Check the normals of the missing faces and flip them.
To render both sides, you can duplicate the geometry (with flipped normals) or modify the materials:
Model has flickering faces
This is called "Z-fighting" and occurs if two or more faces are in the same position. Remove unnecessary faces or move them further apart.
View doesn't update/render
- Call update() after changes to THREE.js objects to wake up the element and ensure your changes are rendered.
Same-Origin Security Policy
The web page, script module, 3D file and all resources must be loaded from the same server (protocol, domain and port must match). About same-origin policy.
Performance on low-end devices
- Avoid using shadow and reflection
- Use few overlays
- Simplify the model (less polygons, less materials, lower texture resolution)