I Built GLBKit - A Free Online Toolkit for Working with GLB Files
How a simple frustration with existing GLB tools turned into a browser-based toolkit for developers. If you've ever worked with Three.js, React Three Fiber, Babylon.js, or any other 3D web framework, you've probably spent a lot of time dealing with GLB files. Sometimes you only want to inspect a model. Sometimes you need to check triangle count. Sometimes you need a clean screenshot for documentation. And sometimes you just want to quickly open a model without installing another desktop applicat
How a simple frustration with existing GLB tools turned into a browser-based toolkit for developers.
If you've ever worked with Three.js, React Three Fiber, Babylon.js, or any other 3D web framework, you've probably spent a lot of time dealing with GLB files.
Sometimes you only want to inspect a model.
Sometimes you need to check triangle count.
Sometimes you need a clean screenshot for documentation.
And sometimes you just want to quickly open a model without installing another desktop application.
I kept running into these small problems while building projects.
So instead of switching between multiple tools every day, I decided to build one place for everything.
That's how GLBKit started.
Why I Built It
Most available tools solve only one problem.
One website lets you preview a model.
Another application shows statistics.
Another utility generates screenshots.
Another tool optimizes the file.
After using this workflow for months, it became clear that it wasn't efficient.
I wanted something that worked directly in the browser with no installation and no account required.
Current Features
At the moment GLBKit includes two tools.
1. GLB Viewer
The viewer is designed for developers who need to inspect a model quickly.
You can:
Upload a GLB file
Rotate and inspect the model
Switch between wireframe and solid view
Show bounding boxes
Enable grid
Change camera views
Auto rotate the model
View geometry statistics
Inspect triangles, vertices and draw calls
Everything runs inside the browser using WebGL.
2. GLB Screenshot
Sometimes documentation, portfolios or marketplaces require high quality images of a 3D model.
Instead of opening Blender just to render a preview, the screenshot tool lets you generate clean images directly in your browser.
Features include:
PNG export
JPEG export
Transparent background
Multiple camera angles
High-resolution output
Built With
The project is built using technologies I work with daily.
Next.js
React
React Three Fiber
Three.js
TypeScript
Tailwind CSS
Everything is focused on keeping the interface simple while maintaining good rendering performance.
What's Coming Next
The viewer and screenshot tools are only the beginning.
I'm currently working on additional utilities including:
GLB Optimizer
GLB Analyzer
Texture Inspector
Material Inspector
Mesh Statistics
Animation Inspector
File Validation
Performance Analysis
Compression Utilities
The goal is to make GLBKit a complete toolbox for developers working with 3D assets on the web.
A Small Design Philosophy
One thing I wanted to avoid was creating another dashboard full of buttons.
The idea behind GLBKit is simple.
Upload a file.
Get the information you need.
Export what you need.
Move on with your project.
No unnecessary complexity.
I'd Love Your Feedback
The project is still growing, and I'm improving it step by step.
If you're a Three.js or React Three Fiber developer, I'd love to know:
Which GLB tool do you use most often?
What feature would save you the most time?
Is there something missing from your current workflow?
Your feedback will help shape the next version of GLBKit.
Try GLBKit 🌐 Website: https://glbkit.com
