Style Preview
Adjustments update in real-time
glb.Gallery Editor
Licence
Your GLB Gallery licence key from Gumroad
Get your licence here *Without a valid license your exported galleries will have a demo watermark.
licencestring
Branding
Logo, optional title, and destination link
Identity
brandNameyour studio/company name
logoImageUrloptional url
brandLogoSizee.g. 44px
brandLinkUrloptional click url
brandNameSizee.g. 22px
faviconUrloptional url
Page
taglinesubtitle shown below brand name
taglineSizee.g. 12px
showTaglinedisplay tagline
Theme
Colours, layout, and typography
Generates harmonious color schemes using color theory
Colours
colorBgsidebar / file tree background
colorViewport3D viewport background
colorSurfacepanels & cards
colorInfoPaneldescription panel background
colorAccentactive / highlight
colorAccent2links & secondary
colorTexttitle text
colorMutedbody text
colorBorderoutlines and dividers
colorGridviewport grid tint
Background Grid Pattern
gridPatternvisual style
gridSizespacing in px
gridOpacity0 – 1
Layout & Typography
sidebarWidthe.g. 230px
fontFamilyselect a font stack
Viewer
Model-viewer rendering settings
Gallery Mode
mode sets the output type — affects which settings are available below
Standard gallery with sidebar and categories. Embed as an iframe or self-host as a page.
Presentation View
presentationEnabledauto-advance models
presentationSecondsseconds per model
presentationIdleResumeSecondsresume after user stops interacting
presentationFadeMsfade duration (ms)
presentationOrderrandom or ordered
Rotation
autoRotateboolean
autoRotateDelayms
rotationPerSeconde.g. 20deg
Rendering
shadowIntensity0 – 1
exposure0 – 2
toneMappingstring
Empty State
emptyStateTextmessage when no model loaded
emptyStateLogoTinttint logo with accent color
Viewport Watermark
viewportWatermarkimage URL (defaults to logo)
viewportWatermarkOpacity0 to 1
viewportWatermarkSize1x (default) to 2x
viewportWatermarkTinttint with accent color
Default Background Image
defaultBackgroundImagedefault image URL for viewport background
defaultBackgroundImageOpacity0 to 1
defaultBackgroundImageTinttint with accent color
Default Model
defaultModelwhich model loads on start
Additional Settings
arEnabledenable AR quick-look button
wireframeDisabledhide wireframe toggle (e.g. for shops)
hideFileDetailshide filename, triangle count, file size in descriptions
Sidebar
sidebarDefaultsidebar open state on load
sidebarToggleshow hide/show button in toolbar
sidebarSearchshow search box for filtering models
Widget Settings
widgetSizeCSS dimension for both width & height, e.g. 300px or 40vw
widgetRightClickMenushow context menu on right-click
💡 Position the widget on your page with CSS on the iframe — e.g. position:fixed; bottom:20px; right:20px
Scroll Story Settings
🚧 Coming soon — Scroll Story builder Configure scroll-triggered sections: each section pins the 3D model and displays a headline, body text, and optional callout. The model can rotate to a specific angle or swap material per section.

Fields to be added: modelSide (left/right), sections[ ] with scrollOffset, heading, body, cameraAngle, materialVariant.
Embed code
Embed the gallery on your existing website (uses glb.gallery as the viewer host)
Two ways to use your gallery:
1. Embed (this option): Paste iframe code into your existing website. Viewer loads from glb.gallery.
2. Self-hosted: Click "Download All Files" in the toolbar above, then upload both files to your own server for a standalone page.
Gallery size
Heightcss value
Your embed snippet

      
    
The config is baked into the snippet — no separate file to host.
The gallery is full-width by default and breaks out of container constraints.
Your GLB file URLs must be publicly accessible from the web.
glb-gallery.config.json 0 lines

    
Export Raw Config
Loading preview…
Launching viewer…
Copied to clipboard