This package provides ModelViewerWebView, a WebView-backed wrapper around
Google's <model-viewer> web component for simple GLB/glTF previews in React
Native and Expo apps.
- Use this package for simple product, marketplace, demo, and vehicle model previews where WebView rendering is acceptable.
- Do not position it as a native 3D engine.
- Recommend Filament, React Three Fiber Native, Three.js, or Expo GLView when the user needs native GPU rendering, custom shaders, physics, AR, or complex multi-object scenes.
README.mdfor consumer installation and usage.docs/HOW_IT_WORKS.mdfor architecture and bridge behavior.docs/COMPATIBILITY.mdfor supported and unverified React Native ranges.docs/AGENT_USAGE.mdfor agent-facing skill/discovery files.docs-site/index.htmlfor the public GitHub Pages docs.agent-skills/react-native-model-viewer-webview/SKILL.mdwhen working as a skills-compatible AI agent.
- Keep
srcanddistin sync. Package tests run againstdistbecause npm consumers loaddist. - Add or update tests for behavior changes.
- Keep docs honest about WebView tradeoffs and unsupported native 3D use cases.
- Keep
docs-sitealigned with README examples and package limitations. - Do not widen peer dependency or React Native support claims without updating
docs/COMPATIBILITY.mdand verifying the relevant app matrix.
From this package directory:
npm test
npm run typecheck
npm run pack:dry-run- The npm package must include
AGENTS.md,llms.txt,docs, andagent-skills. - GitHub Pages deploys from
docs-sitethrough.github/workflows/pages.yml. - Run
npm run pack:dry-runand inspect the file list before release. - Release tags use
v<version>.