Note: This documentation is for the old 0.8.0 version of A-Frame. Check out the documentation for the current 1.6.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>


Type Description
selector Selector to an <a-asset-item>
string url()-enclosed path to a COLLADA file


Event Name Description
model-loaded COLLADA 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>

More Resources

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