Skip to content

component

Theme-Aware 3D Model

By Blue Jackson

Details

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.

1501100111828/148/228/309/79/15
  • All · #810