Skip to content

component

Orbit 3D

By Lucas

Details

Summary

Real interactive 3D for products

Description

Show your actual product in real-time 3D. Drop in a .glb and visitors can spin it, inspect it, and see it lit like a studio shot - not a video, not a render. Built for speed: Three.js loads after your page has painted, the model streams with Draco compression, and a poster image covers weak mobiles automatically. Nothing renders inside the Framer editor so your canvas stays fluid, and prefers-reduced-motion is respected. Cinematic post-processing tunable from the sidebar: bloom strength, radius and threshold, chromatic aberration, film grain, vignette, saturation, contrast, exposure. Two lighting rigs - three-point studio or soft-box panels with custom rim colours. Plus a live colourway tint, mouse parallax, scroll-driven rotation and a cursor light.

Introduction

Real interactive 3D for products

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600167128/148/228/309/79/15
  • All · #6712