component
Theme-Aware 3D Model
By Blue Jackson
Details
- Blue JacksonAuthor
- componentType
- 2026-04-09Published
- 2026-04-09Updated
- 2026-03-08Added
- InteractiveCategories
Summary
Theme-aware (light & dark mode
Description
Properties & Features ✓ 3D Model Upload Supports .glb, .gltf, and .usdz formats, allowing you to import and display custom 3D assets directly in the component. ✓ Interactive Controls Users can rotate, pan, and zoom the model using mouse or touch gestures for a fully interactive viewing experience. ✓ Camera & Orbit Controls Adjust camera orbit, field of view, and zoom limits to control how the model is framed and explored. ✓ Material Customization Override model materials with adjustable color tint, roughness, and metallic material for quick visual styling. ✓ Auto-Rotation Enable automated model rotation with configurable speed, delay, and axis direction for animated presentations. ✓ Lighting & Shadow Controls Fine-tune exposure, shadow intensity, and softness to improve depth and visual realism. ✓ Background Styling Use a solid color or image background to integrate the model viewer seamlessly into your layout. ✓ AR Support Enable augmented reality viewing on supported devices using WebXR, Scene Viewer, or Quick Look. ✓ Loading State Optional loading overlay with customizable text and typography while the model initializes. Questions & Support Need help? Feel free to reach out anytime — I'm here to assist you! Get in Touch ↗
Introduction
Theme-aware (light & dark mode)
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #810