|
A macOS Quick Look extension for previewing Built with Three.js running inside a WKWebView. Models load instantly thanks to Three.js's optimized glTF parser and GPU-accelerated rendering.
|
brew install arthurrmp/tap/quicklookgltf- Download
QuickLookGLTF.zipfrom the latest release - Unzip and move
QuickLookGLTF.appto/Applications
- Open
QuickLookGLTF.appfrom/Applicationsonce to register the extension - Press Space on any
.glbor.gltffile in Finder
Quick Look not working?
Check that the extension is enabled in System Settings:
- macOS 15+: General > Login Items & Extensions > scroll to Extensions > click the info button next to QuickLookGLTF > enable Quick Look
- macOS 13 and 14: Privacy & Security > Extensions > Quick Look > enable QuickLookGLTF
You can run a custom JavaScript file after each model loads. Create ~/.config/quicklookgltf/custom.js and it will be executed with access to scene, camera, renderer, controls, gltf, and THREE.
scene.background = new THREE.Color(0xff0000);
scene.traverse((node) => {
if (node.isMesh && node.material) {
node.material.depthWrite = true;
}
});Requires macOS 13.0+, Xcode 15+, XcodeGen, and Node.js.
xcodegen
npm install
npm run build
open QuickLookGLTF.xcodeprojTo update Three.js:
npm update three
npm run buildMIT
Three.js - MIT License, Copyright 2010-2026 three.js authors
