RemotionUI

Product Turntable 3d

A product on a studio turntable: the model turns a full revolution under a soft key and rim while the camera holds, with a contact shadow anchoring it to the floor. Install with npx remotion-ui@latest add product-turntable-3d.

Scene3DAdvanced

product-turntable-3d30fps · 960×540
Install
$ npx remotion-ui@latest add product-turntable-3d

A product on a studio turntable: the model turns a full revolution under a soft key and rim while the camera holds, with a contact shadow anchoring it to the floor. Takes a GLTF via prop and falls back to a built-in primitive, so it is the generic product shot device-mockup-3d is not.

Usage

import { ProductTurntable3d } from "@/remotion/scenes/product-turntable-3d";

<ProductTurntable3d />

Agent notes

Install first, then import the copied source component locally. AI guide →

Import
@/remotion/scenes/product-turntable-3d
  • Use when: 3D product shots and WebGL scenes rendered frame by frame.
  • Customize: delayInFrames, durationInFrames, plus copied source for timing, layout, colors, and typography.
  • Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Usage

Example
import { ProductTurntable3d } from "@/remotion/scenes/product-turntable-3d"; <ProductTurntable3d />

API Reference

PropTypeDescription
delayInFramesnumberFrames to wait before this starts.
durationInFramesnumberLength of the entrance.

On this page