Orby — Free 3D Model Viewer | Professional Studio in Your Browser

Drag and drop your GLBor SVG file here

Orby is optimized for glTF/GLB and SVG extrusion. Your files stay local and private and will never be trained on AI. Read more on our privacy policy page. For the best experience, go full screen. This site is still under construction and bugs may occur. · Blank canvas · Load test object · Preview export overlay · Debug 404 (temp)

V — Hide UI · F — Focus camera · Q/W/E/R — Select / move / rotate / scale · 1/2/3/4 — Display modes

Featured Dropzone Artists: Purple Music by Moon on Sketchfab Prismatic Dragon by kaesar3d on Meshy

Object

Studio

Camera

Export

PNG

Raster snapshot of the current view—lighting, materials, and post effects included. Toggle transparency to drop the background; size is relative to the viewer—1× matches your current screen resolution, 2× exports at double that (larger file, more detail).

Transparent

Size

SVG

Vector output derived from the current framing—great for logos, precision edges, and scaling without pixels. Silhouette traces a single outline; Color builds flat filled regions from the render.

Detail Level

GLB

Turn extruded logos, icons, or other vector graphics into a .GLB for other 3D tools and AR. Only when you started from an imported SVG. Tip: dial in extrusion and materials before exporting.

Video

Combine turntable (mesh rotation), orbit (camera rotation), and dolly zoom for cinematic exports. Toggle any combination — use full or subtle spins for partial cinematics.

MP4 is a real-time viewport capture, not an offline render. Heavier scenes may drop frames or fail—best for previews and lighter setups. For dependable output, export a PNG sequence.

Movement

Full Spins (360)

Subtle Spins

Spin Direction

Zoom distance 1.50m Tilt angle 15° FOV animation 0°

Format

Transparent

Quality

Length

FPS

Resolution

v0.5.631 · 2026-06-02 11:37:02 UTC

Report An Issue

Spotted something wrong? Use the quick form here or the full Support page for troubleshooting and reports. We can’t reply, but we read everything you send.

Quick Navigation

UI Sounds

Volume 100%

Keyboard Shortcuts

Select (exit transform tools) Q

Move (translate) W

Rotate E

Scale R

Focus camera on mesh F

Quick switch display modes 1 2 3 4

Play / Pause animation Space

Scrub animation frame-by-frame ← →

Toggle grid on/off G

Toggle 3-point lighting on/off L

Toggle UI visibility V

Branded Demo O

Reset scale to 1 S

Reset all position offsets to 0 Y

Reset transform 0

Toggle Auto Rotate on/off A

Toggle base on/off P

Toggle render backdrop (on / solid color only) B

Cycle through HDRI presets [ ]

Cycle through tabs Tab / Shift+Tab

Apply studio preset X

Exit Auto Orbit Esc

Mouse Controls

Select mesh / Show rotate widget Click on mesh

Deselect mesh / Hide widgets Click outside mesh

Orbit camera Left Click + drag

Pan camera Right Click + drag

Rotate HDRI dome (horizontal drag) Shift + Right Click + drag

Rotate lighting setup (horizontal drag) Alt + Right Click + drag

Adjust light height (vertical drag) Alt + Right Click + drag

Focus camera on model center Alt + Left Click

Gamepad Controls

Zoom / dolly Left Stick

Precision zoom L2 / LT · R2 / RT

Orbit camera Right Stick

Cycle HDRI presets L1 / LB · R1 / RB

Exposure ± D-pad Up · D-pad Down

HDRI intensity ± D-pad Left · D-pad Right

Cycle Auto Rotate speeds Cross / A

Cycle render modes (Clay / Wireframe / Unlit) Circle / B

Reset camera framing Square / X

Toggle UI visibility Triangle / Y

About Orby

Orby is a completely free, zero-install, drag-and-drop 3D model viewer that makes any model look stunning in seconds. It's perfect for AI-generated 3D (Meshy, Tripo, Luma, CSM, etc.), game assets, product visualization, and everything in between.

No accounts, no waiting, no uploads—just drop your file and get a full artist-grade studio: HDR environments, Look Filter Presets, a Luminance Tone Curve, Shader Lab stylized materials, real depth of field, selective bloom, film grain, tonemapping, 3-point lighting, exports from stills and vectors to turntable video, and pro controls that react instantly.

This project is an ongoing experiment in vibe-coding and self-directed learning. Coming from a design background with no formal development experience, I use Orby as a canvas to explore modern web technologies and real-time 3D on the web.

Privacy

• 100% client-side – runs completely in your browser
• Zero uploads, zero servers, zero cloud storage
• No accounts, no login, no third-party analytics or ad tracking — only essential browser storage, anonymous usage totals, and optional issue reports (see privacy policy)
• Close the tab and your model is instantly and permanently gone
• No one can ever access your files
• Your content will not be used to train AI

Transform Widgets

Move, rotate, and scale your 3D model with visual gizmos. Click the mesh to show the rotate gizmo, or use shortcuts: W translate, E rotate, R scale (same as Blender), and Q to exit tools (select). Only one transform tool is active at a time.

Display Modes

Shaded: Shows your model with realistic lighting and materials. Unlit: Displays your model's textures and colors without any lighting effects—everything appears evenly lit, like a flat illustration. Clay: Renders your model in a single color, great for focusing on shape and form. Wireframe: Shows only the edges and structure of your model. You can also enable a wireframe overlay on any display mode, or hide the mesh entirely to see only the wireframe.

Material Controls

Brightness: Makes your model lighter or darker. Metalness: Controls how metallic the surface looks (0 = plastic, 1 = chrome). Roughness: Adjusts surface smoothness (0 = mirror-like, 1 = matte). Emissive: Adds glowing light to materials, perfect for sci-fi effects, neon signs, or any glowing elements.

Fresnel

Adds a colored glow around the edges of your model when viewed at an angle. Think of it like rim lighting that follows the silhouette. Great for making objects pop or creating a stylized look.

HDRI (Environment)

A 360° image that lights your model and drives reflections. Built-in presets ship as JPEG environments — already graded and tuned — so the app stays fast to load and the download stays small. We still wanted you to own the scene, so you can upload your own .jpg, .png, .hdr, or .exr files: JPEGs behave like a finished photo sky; .hdr and .exr maps keep a wider brightness range, so sun and windows can punch harder on metal and glass (ease off Intensity and Exposure if it gets hot). Use a 2:1 equirectangular map. Custom uploads reset mood tints to neutral; re-upload the file after a refresh — it isn’t stored in scene JSON.

3-Point Lighting

Professional lighting setup with four lights: Key (main light), Fill (softens shadows), Rim (separates object from background), and Ambient (overall scene brightness). Adjust each light's color, intensity, and position to create the perfect look.

Post-Processing Effects

Bloom: Adds a glowing, dreamy effect to bright areas. Depth of Field: Blurs the background while keeping your model sharp (like a camera lens). Film Grain: Adds texture for a cinematic feel. Chromatic Aberration: Splits color channels slightly at the edges. Lens Flare: Realistic light flares from bright sources. Lens Dirt: Simulates smudges on a camera lens for atmosphere. Color & Tone (contrast, temperature, H/S/L, highlights/shadows, clarity, fade, sharpness, vignette) and tone mapping (e.g. ACES) sit in the Camera tab alongside exposure.

Camera Controls

Orbit: Click and drag to rotate around your model. Pan: Right-click and drag to move the view. Zoom: Scroll to zoom in/out. Focus: Press F to automatically frame your model. Auto Orbit: Automatically orbits the camera around your model with smooth multi-axis movement—perfect for screensaver-style presentations. Press Esc to exit. Exposure & Auto Exposure: Manual exposure sets overall brightness; optional auto exposure adapts to the scene. Use the Histogram and Curve fold-outs, Look Filters, and the rest of Color & Tone for a full grade.

Histogram

A graph showing the brightness distribution in your image. Helps you see if your render is too dark, too bright, or overexposed. The histogram turns orange or red when parts of your image are too bright (overexposed), warning you to lower the exposure. Toggle it on from the Camera tab; it sits in a fold-out under the heading, same idea as the curve (see below).

Tone Curve

A luminance response curve with four draggable handles—output at black, two mid-tones, and output at white (Catmull–Rom-style tangents, baked lookup table in the grade). It shapes how tones map before the rest of color grading—use it for contrast roll-off, lifted blacks, or punchy mids. Open the Curve fold-out under Camera (next to the histogram); your curve is saved in Copy scene / .orby like other settings.

Look Filter Presets

Under Camera → Look Filters, pick a thumbnail preset (Studio, Noir, Golden, etc.) for a one-tap look: color grade, tone curve, bloom, grain, chromatic aberration, and more are applied together. None resets those camera/FX defaults while keeping framing (FOV, tilt, orbit). If you tweak sliders afterward, the selection shows as custom. Preset state is included when you copy or paste scene JSON.

Base & Grid

Add a solid base platform or grid floor to your scene. Great for product presentations or architectural renders. The base can be scaled and colored, and the grid helps with alignment and perspective.

Scene Settings

Copy and paste all your settings (lighting, camera, effects, materials, tone curve, Look Filter selection, histogram/curve panel toggles, and more) as JSON. Perfect for saving your favorite setups or sharing them with others. Load a scene to instantly apply all settings at once.

SVG Extrude

Orby can convert SVG fills into 3D meshes. After importing an SVG, use the Object → SVG Extrude block to control form and shading.

Depth: Sets global extrusion depth for all SVG fills.
Angle: Controls normal smoothing (lower = faceted edges, higher = smoother highlights).
Flip Direction: Inverts front/back extrusion direction.
Color Override: Replaces imported SVG fill colors with a single chosen color.
Per-Color Depth/Position: Fine-tune each detected fill color independently for layered logo effects.
Scene Settings: SVG extrude controls are included when copying or pasting scene settings.
SVG to GLB Export: Exported SVG meshes are saved as opaque GLB materials for predictable shading across viewers.

Transparency & Glass Issues

Why do transparent surfaces look wrong, flicker, or show “see-through” layers?

This is a known challenge in real-time 3D rendering for glTF / GLB files on the web. Most web-based 3D viewers are built on WebGL and Three.js, so these limitations apply broadly.

Why does this happen?

Real-time engines sort draw calls (meshes or batches) — not individual triangles. When transparent surfaces share a single mesh and material, they can’t be perfectly ordered, causing artifacts like flickering, “see-through” layers, or surfaces fighting each other. This is especially common with marketplace downloads, where unrelated transparent surfaces are often packed into one blended atlas.

Why does the same file look different in other viewers?

Dedicated platforms use tuned, proprietary renderers optimized for their own content. Other viewers won’t match them pixel-for-pixel unless they make the same rendering tradeoffs.

What about refractive glass?

Thin glass panes in glTF typically use the KHR_materials_transmission extension. When supported, this glass reads directly from the file’s own material properties rather than being overridden by global scene settings.

Are there settings I can adjust?

Under Mesh → Advanced, Transparency Mode and Stabilize Layered Transparency change how blended surfaces are drawn — but they can’t fix assets where unrelated surfaces are packed into a single blended material. For best results, authors should split meshes, use MASK over BLEND where possible, and use KHR_materials_transmission for proper glass.

Paste Scene Settings

Report an issue