Motion embeds

Put a Hub Motion Studio showcase on any website with one script and one tag.

as Markdown, for notes or an AI chat

Hub Motion Studio makes animated 3D showcases. With Pro, you can put one on any website as a live, interactive element: visitors can drag to turn it, and it plays when it scrolls into view.

Publish and embed#

In Motion Studio, open Export → Website embed.
Choose when it plays and whether visitors can turn it, then Publish.
Copy the two lines it gives you into your page.

HTML (your code will have its own address)

<script src="https://hubtoolify.com/hub-motion.js" defer></script>
<hub-motion src="https://hubtoolify.com/embed/motion/AbCdEf123456.json" aria-label="Product showcase"></hub-motion>

The script is loaded once per page, however many showcases it has.

Options#

Attribute	Values
`trigger`	When it plays: on screen (the default), `autoplay`, `hover` or `scroll`
`interactive`	`false` stops visitors turning it
`controls`	`false` hides the play button
`loop`	`false` plays it once
`aria-label`	What the showcase shows, for screen readers

HTML

<hub-motion src="…" trigger="hover" controls="false" loop="false" aria-label="Product showcase"></hub-motion>

Host it yourself#

Prefer nothing on HubToolify's servers? Choose Download ZIP instead of Publish. It contains the showcase, its files and hub-motion.js; upload the folder to your site and point src at your copy.

You can remove a published embed in Motion Studio at any time; pages that use it then show nothing.