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