Note: This documentation is for the old 0.2.0 version of A-Frame. Check out the documentation for the current 0.5.0 version

The collada-model component loads a 3D model using a COLLADA (.DAE) file.


We can load a COLLADA model by pointing to an asset that specifies the src to a COLLADA file.

<a-asset-item id="tree" src="/path/to/tree.dae"></a-asset-item>
<a-entity collada-model="#tree"></a-entity>


selectorSelector to an <a-asset-item>
stringurl()-enclosed path to a COLLADA file


Event NameDescription
model-loadedCOLLADA model has been loaded into the scene.

Loading Inline

We can also load a COLLADA model by specifying the path directly within url(). Note this is less performant than going through the asset management system.

<a-entity collada-model="url(/path/to/tree.dae)"></a-entity>

Additional Resources

We can find and download models on the web to drop into our scenes: