Logo3D

3D Logo Viewer

Render beautiful, interactive 3D logo scenes — embed anywhere with a single <iframe>.

How it works

01

Design in the Editor

Use the Angular-powered editor to pick a shape, upload your logo texture, choose animations, and customise colours.

02

Save your Scene

Your scene is persisted in Firestore and given a unique ID. All settings — shape, animation, lighting — are stored.

03

Embed Anywhere

Copy the auto-generated iframe snippet and paste it into any website, landing page, or portfolio.

Embed snippet

Every scene gets a shareable URL at /view/[id]. Wrap it in an iframe:

<iframe
  src="https://your-domain.com/view/SCENE_ID"
  width="600"
  height="400"
  allow="fullscreen"
  allowtransparency="true"
  style="border: none; background: transparent;"
></iframe>

Supported animations

rotate
float
pulse
wave
travel
bounce
letter-jump
none