@3d-viewer

A composable 3D model viewer for shadcn/ui with inspection, animation, multiple cameras, screenshots, and fullscreen support.

4 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/registry.json

bun bunx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/registry.json

fetch registry curl -s https://shadcn-3d-viewer.vercel.app/r/registry.json

4 total

3D Model Viewer ui

Complete viewer preset with all composable controls and inspector.

npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer.json

3D Viewer Core ui

Renderer, state, loading and error UI, keyboard orientation, and fullscreen. No toolbar or inspector UI.

npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer-core.json

3D Viewer Controls ui

Composable toolbar menus, camera and animation controls, with the viewer core.

npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer-controls.json

3D Viewer Inspector ui

Searchable scene inspector with the viewer core. No default toolbar.

npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer-inspector.json