Universal Widget Configurator
mode: avatar
Live Preview — Avatar

Choose a mode to begin

Pick Avatar or Catalog Item, enter an ID, then press Load.

Quick tutorial

Start here in 30 seconds

This configurator is powerful. Use these short steps to load your first model fast.

How it works
1

Choose Avatar or Catalog Item.

2

Enter a Roblox ID, then click Load to generate the 3D preview.

3

Adjust camera, lighting, animation, and scene settings in the sidebar.

4

Copy the final embed code from the Embed Code panel.

Clean URL formats: /avatar/{userId} and /item/{assetId}. The configurator generates these routes directly.

Avatar

Load a Roblox user by User ID and preview the 3D avatar.

Catalog Item

Load a catalog item by Asset ID and preview its 3D model.

Live Preview — drag to orbit

Source

Avatar mode uses /avatar/{userId}.

Camera

30°
0°
0° = front · 90° = right · 180° = back
72°
0° = top-down · 90° = eye-level · 180° = below
5.8
1.40
Vertical center of orbit

User Controls

Allow orbit
Allow zoom
Allow pan

Animation

1.0×

Lighting

0.70

Scene

Transparent background
#0e0e16
Show ground disc

Embed Code