A lightweight, touch-friendly 3D viewer for displaying animated GLB/GLTF models inside your Flutter/FlutterFlow apps. Users can orbit, zoom, and pan around a model with silky inertia; auto-rotation and clip playback create a lively, “always-in-motion” feel. The scene supports PBR materials, configurable lighting, and transparent backgrounds so the model layers cleanly over any UI. Optimized for mobile and web with adaptive rendering and sensible defaults.

Functionality

• Orbit/zoom/pan gestures with inertia, damping, and camera bounds

• Auto-rotate on idle with speed, direction, and axis lock

• Play/pause/loop animation clips, adjustable speed, and optional timeline scrubbing

• PBR support (albedo/metallic-roughness/normal), environment map, shadows, exposure & tone-mapping

• Load models from assets or URL with async preloading, caching, and a progress/placeholder state

• Camera controls (FOV, near/far, reset-to-fit), optional axis gizmo/ground plane

• Theming: background color/gradient/transparent canvas, light color/intensity presets

• Performance toggles: pause when offscreen, FPS cap, LOD-friendly settings, memory cleanup on dispose

• Accessibility & UX: haptics on interaction, keyboard arrows for orbit, screen-reader labels

Use cases

• Product viewers (sneakers, furniture, gadgets) with interactive inspection

• Education & STEM visualizations (space, anatomy, molecules)

• Avatars/characters previews in games or social apps

• Onboarding, empty states, or hero headers with subtle auto-rotation

• Marketing showcases and interactive portfolios

Keywords
3D model viewer, orbit controls, GLB/GLTF, animated model, PBR materials, WebGL/canvas, auto rotate, pinch zoom, pan, camera control, lighting & shadows, responsive widget, Flutter widget, FlutterFlow component, performance optimization, interactive visualization.