3D Product Showcase Maker

Place camera-facing billboards with custom background and text on your 3D model, choose a camera trajectory, and render a product showcase video entirely in your browser. Supports real-time recording and high-quality path-traced rendering, with no file upload.

Workspace

Loading...

Please wait

About This Tool

Upload a 3D model, design a billboard with a solid color, gradient or image plus custom text, click the model surface to snap it in place, then pick a camera trajectory preset and render your product showcase. The billboard automatically stays aligned with the camera as it moves, so labels and callouts remain readable from every angle. Use real-time mode for quick video capture, or switch to path-traced mode for more realistic lighting and shadow detail. Everything runs locally in your browser, so your files never leave your device.

Tips

  • 1Billboards always face the camera, ideal for e-commerce product labels and feature callouts
  • 2Background supports solid color, linear gradient, or an uploaded image
  • 3Click the model surface to anchor the billboard at that exact spot
  • 4Camera presets include orbit, arc, dolly, isometric, and figure-8
  • 5Real-time mode captures video quickly; path-traced mode renders more realistic high-quality frames
  • 6Exports standard WebM video entirely in your browser, with no upload or server processing

About Configuration Options

Billboard

Background

DefaultColor

Choose how the billboard background is filled: solid color, linear gradient, or an uploaded image.

Color

A single solid fill color behind the text.

Gradient

Two-color linear gradient with adjustable angle.

Show 1 more options
Image

Use an uploaded image (PNG/JPG/WebP) as the billboard background.

Background color

Default#135BEC

Fill color when background type is solid color.

Gradient start

Default#135BEC

Start color of the linear gradient.

Gradient end

Default#ffffff

End color of the linear gradient.

Gradient angle

Default

Range0° – 360° · step 5°

Direction of the linear gradient in degrees (0-360).

Opacity

Default1

Range0.1 – 1 · step 0.05

Overall transparency of the billboard background (0.1-1).

Padding

Default28px

Range0px – 64px · step 2px

Inner spacing between the text/content and the billboard edge.

Corner radius

Default16px

Range0px – 64px · step 2px

Roundness of the billboard corners.

Font

Defaultsystem_sans

Typeface used for billboard text. Built-in commercial-free fonts, uploaded files, and local system fonts are supported.

system_sans
system_serif
Show 7 more options
system_mono
Oswald (Display Bold)

Condensed display sans, strong for titles and product labels.

Inter (Modern Sans)

Neutral modern sans for body text and UI-like labels.

Cinzel (Classic Serif)

Classic serif for premium or heritage product labels.

Roboto Mono (Engineering)

Monospace for dimensions, SKUs, and technical callouts.

Noto Sans SC (CJK)

Sans covering Simplified Chinese, Japanese, and Korean.

Noto Sans Arabic

Sans covering Arabic script.

Font size

Default56px

Range24px – 120px · step 2px

Text size in the panel design space. Changes how large text appears within the card, not world scale.

Text color

Default#ffffff

Color of the label text on the billboard.

Horizontal alignment

DefaultCenter

Horizontal text alignment within the billboard.

Left

Align text to the left.

Center

Center the text horizontally.

Show 1 more options
Right

Align text to the right.

Font weight

Default600

Thickness of the text (300-800).

300
400
Show 4 more options
500
600
700
800

Size

Default0.28

Range0.08 – 0.9 · step 0.01

World-space size of a placed billboard relative to the model (independent of font size).

Rotation

Default

Range-180° – 180° · step 5°

In-plane rotation of a selected billboard (degrees).

Leader layout

DefaultUp

How the label connects to the surface anchor. Vertical attaches to the bottom edge; horizontal / L-bend attach to the left or right edge center.

Up

Go straight up from the anchor; the line meets the bottom-center of the billboard.

L-bend

Go up first, then bend outward (obtuse angle). The line meets the left or right edge center of the billboard.

Show 1 more options
Side

Extend horizontally outward from the anchor; the line meets the left or right edge center of the billboard.

Offset

Default0.25

Range0.05 – 0.8 · step 0.01

Leader length as a fraction of the model radius (for Up and Side layouts).

Up length

Default0.2

Range0.05 – 0.8 · step 0.01

Vertical segment length of an L-bend leader (fraction of model radius).

Side length

Default0.25

Range0.05 – 0.8 · step 0.01

Outward horizontal segment length for L-bend leaders (fraction of model radius).

Direction

DefaultRight

For Side and L-bend layouts: flips the outward direction relative to the model center, and chooses which billboard edge the line attaches to.

Left

Prefer leftward outward direction; the line attaches to the right edge center of the billboard.

Right

Prefer rightward outward direction; the line attaches to the left edge center of the billboard.

Line color

Default#374151

Color of the leader line and dots.

Line width

Default2

Range1 – 8 · step 0.5

Thickness of the leader line in pixels.

Dashed line

Defaultoff

Use a dashed stroke instead of a solid leader line.

End dot

Defaultoff

Show a small dot at the leader end (off by default). The anchor dot is always shown. Leaders are hidden during export.

Vertical alignment

DefaultMiddle

Vertical position of the text block within the billboard. Defaults to middle.

Top

Align text to the top.

Middle

Center text vertically.

Show 1 more options
Bottom

Align text to the bottom.

Border width

Default0px

Range0px – 24px

Stroke width of the billboard edge in pixels. 0 means no border.

Border color

Default#ffffff

Color of the billboard border (used when border width is greater than 0).

Camera Trajectory

Preset

DefaultOrbit

Camera path template used for preview and video export.

Orbit

Horizontal turntable around the model.

Arc

Vertical sweep over the model.

Show 3 more options
Dolly Zoom

Push-pull zoom along the view direction.

Isometric

Isometric rotation at about 45° elevation.

Figure-8

Figure-8 path around the model.

Show path

Defaultoff

Draw the camera trajectory curve in the 3D viewport for preview.

Playback

DefaultEnd after one pass

Whether the trajectory repeats or stops after one full pass. Duration is available only in loop mode.

Loop

Repeat the trajectory continuously. Set the cycle length with Duration.

End after one pass

Play the full trajectory once, then stop.

Duration

Default8

Length of one loop cycle in seconds. Shown only when Playback is Loop.

2
3
Show 10 more options
4
5
6
8
10
12
15
20
25
30

Environment & Scene

Ground Shadow

Defaulton

Casts soft contact shadows beneath the model to ground the object within the scene.

Background Mode

DefaultPhysical Sky

Select the environment background style for both the viewport and exported video.

Physical Sky

Atmospheric scattering sky providing natural outdoor daylight and ambient lighting.

Solid Color

Uniform color backdrop ideal for commercial product presentations and chroma keying.

Show 1 more options
Custom Panorama

Loads external panorama or HDR imagery for realistic 360-degree environment reflections.

Background Color

Default#ffffff

Fill color for solid color background mode with quick presets and hex color picker.

Panorama Map

Upload an external environment map supporting .hdr, .png, and .jpg formats.

Light Intensity

Default1x

Range0.2x – 3x · step 0.1x

Adjust overall illumination brightness for directional and ambient lights from 0.2x to 3.0x.

Light Color

Default#ffffff

Configure the lighting tone with daylight, warm, and cool presets or custom color picking.

Display Pedestal

DefaultNone

Places a display stand beneath the model to elevate it and receive cast shadows.

None

No pedestal is rendered; model sits directly on the ground level.

Cylinder

Cylindrical pedestal automatically scaled to the model horizontal footprint.

Show 1 more options
Square

Square pedestal automatically scaled to the model horizontal bounds.

Pedestal Color

Default#ffffff

Surface material color for the pedestal with pure white, obsidian black, and custom options.

Render & Export

Quality

DefaultStandard

Choose real-time WebGL capture or offline path-traced frames for higher image quality.

Standard

Fast real-time capture. Best for drafts and most exports.

High Quality

Higher image quality with offline path tracing. Much slower per frame.

Resolution

Default1080p

Output quality tier (long-edge pixels). Actual width×height = tier × aspect ratio (e.g. 1080p at 16:9 is 1920×1080).

720p

Long edge 1280, good for quick drafts.

1080p

Long edge 1920, standard HD (default).

Show 2 more options
2K

Long edge 2560 (QHD tier).

4K

Long edge 3840 (UHD tier); slower encode, larger files.

Frame rate

Default30

Frames per second of the exported video (24 / 30 / 60).

24

Cinematic frame rate.

30

Common web video frame rate.

Show 1 more options
60

Smoother motion, larger file.

Samples per frame

Default64

Path-tracing samples per frame (16-256). Higher values reduce noise but increase render time. Shown only in High Quality mode. Sampling is tiled and yields the main thread during export.

16

Fastest preview.

32

Quick draft.

Show 8 more options
48

Medium.

64

Default balance.

96

Higher quality.

128

High samples.

160

Higher samples.

192

Very high samples.

224

Near max.

256

Maximum samples, slowest.

Aspect ratio

Default16:9

Output frame aspect ratio. Combined with resolution tier to set pixel width and height.

16:9

Landscape widescreen.

9:16

Portrait / vertical video.

Show 2 more options
1:1

Square.

4:3

Classic landscape.

Format

DefaultWebM

Video container format. MP4 may fall back to WebM depending on browser support.

WebM

Widely supported in Chromium browsers.

MP4

Prefer H.264 when the browser supports MediaRecorder MP4.

Format Information

Input format

Extension:
Model
Full Name:
3D Model
Type:
3D Model
Format:
Various 3D Formats
Open With:
Windows 3D ViewerBlender
Description:
Supports many 3D formats (GLB, GLTF, OBJ, FBX, STL, etc.). Drag and drop to view.

Notes:

  • Supports 20+ 3D model formats
  • Associate texture files (MTL, images) can be uploaded alongside the main model
  • All processing is local, so files never leave your browser

Supported Features:

  • Real-time GPU-accelerated rendering via WebGL
  • Orbit controls: rotate, pan, zoom
  • Wireframe and shaded display modes
  • Model info panel with vertex/face counts
  • Animation playback for animated formats

Output format

Extension:
mp4
Full Name:
MP4 / WebM Video
Type:
Video
Format:
MP4 / WebM
Tools:
VLCFFmpeg
Open With:
System Video PlayerWeb Browser
Description:
Product showcase video rendered from a 3D model with optional billboards and a camera path. Export as MP4 or WebM at a selectable resolution and frame rate; path-traced high quality is available when the browser supports it.

Notes:

  • MP4 may fall back to WebM depending on browser MediaRecorder support
  • Keep the tab open until export finishes

Supported Features:

  • MP4 and WebM export
  • 720p to 4K resolution
  • Configurable frame rate
  • WebGL real-time or path-traced quality
  • Camera path and billboard overlays

How to Use

1

Upload Your Model

Drag and drop a 3D model or click to browse; supports GLB, GLTF, FBX, OBJ, and more

2

Design a Billboard

Choose a background (color, gradient, or image) and add custom text with font, size, color, and alignment

3

Anchor It to the Surface

Click the model surface to snap the billboard anchor point in place

4

Set the Camera Path

Select a trajectory preset (orbit, arc, dolly, iso, figure-8) and set duration and loop options

5

Render the Video

Choose real-time recording or path-traced quality mode, then export a WebM showcase video

Frequently Asked Questions

View all FAQs

About this tool

Q

What is a 3D product showcase video?

A

A short video that presents a 3D model from multiple angles with labels or billboards overlaid. This tool lets you place camera-facing billboards on the model and move the camera along a preset trajectory to generate it.

Q

How is this different from a 3D viewer?

A

A 3D viewer is built for interactive rotation and exploration. This tool lets you add customizable billboard labels, animate the camera along preset trajectories, and export a finished product showcase video that turns a static model into marketing-ready material.

Q

Do the billboards always face the camera?

A

Yes. Billboard labels automatically rotate to face the camera throughout the animation, so they stay clearly readable from any angle. That makes them great for feature callouts and product annotations.

Q

Can I customize the billboard background?

A

Yes. You can choose a solid color, a two-color linear gradient with adjustable angle, or upload an image as the background. Text can be customized with font, size, color, alignment, and weight.

Q

How does the billboard snap to the model surface?

A

When you click on the 3D model, the tool detects the clicked surface point and anchors the billboard there while optimizing the offset distance. This keeps labels clear and helps prevent clipping into the model.

Q

What camera trajectories are available?

A

Five presets: orbit for a horizontal turntable look, arc for a vertical sweep, dolly for push-pull zoom, iso for isometric rotation, and figure-8 for a more dynamic path. Each one supports adjustable duration and looping.

Q

What is the difference between real-time and path-traced modes?

A

Real-time mode captures the live preview quickly and exports a video with minimal wait. Path-traced mode renders more realistic materials, lighting, and reflections at higher quality, but takes longer to produce each frame.

Q

What video format is exported?

A

You can export MP4 or WebM. MP4 may fall back to WebM depending on your browser's MediaRecorder support. Rendering and export are handled locally in your browser, so no files are uploaded to a server.

General questions

Q

Is Any3D completely free?

A

Yes, Any3D's core features are free to use forever. We provide format conversion, model optimization, and online preview at no cost, with no registration required.

Q

Are my files uploaded to your servers?

A

No. Files you select are processed only in your browser on this device, so they never leave your device and are never sent to our servers. We don't store any user files; after processing, related data in browser memory is released.

Q

Do I need to install software?

A

No installation required. Any3D is entirely browser-based; just open the webpage to use all features. It works on Windows, Mac, Linux, and other major operating systems.

Q

Is there a file size limit?

A

The processing capacity depends on your device performance and the model's vertex count and texture complexity, rather than file size alone. We impose no file size limit, but when a model exceeds what your device can handle, the page may lag or even crash.