๐Ÿงต#Webflow

marwi123
marcel ๐ŸŒต โ†—

Put this into an HTML embed:

<style>
    needle-engine { width: 100%; height: 100%; }
</style>
<needle-engine 
auto-rotate
autoplay
skybox-image="https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/industrial_sunset_puresky_1k.hdr"
environment-image="https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/industrial_sunset_puresky_1k.hdr" src="https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/DragonAttenuation/glTF-Binary/DragonAttenuation.glb" camera-controls></needle-engine>
marwi123
marcel ๐ŸŒต โ†—

The needle engine lib needs to be addedd to the website's header in webflow (in the site settings custom-code section)

marwi123

You can interact with all content in the needle engine scene from the outside if you want (e.g. invoke methods on your/other components or hook into needle engine events like buttons)