# Mixing a-frame and three.js

**URL:** <https://forum.8thwall.com/t/mixing-a-frame-and-three-js/1301>\
**Category:** Technical Support\
**Created:** [May 7, 2024, 10:15am UTC](https://forum.8thwall.com/t/mixing-a-frame-and-three-js/1301 "2024-05-07T10:15:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Timson](https://avatars.discourse-cdn.com/v4/letter/m/9f8e36/32.png) [@Matt\_Timson](https://forum.8thwall.com/u/Matt_Timson)\
**Post date:** [May 7, 2024, 10:15am UTC](https://forum.8thwall.com/t/mixing-a-frame-and-three-js/1301/1 "2024-05-07T10:15:50Z")

</div>

in the projects can a-frame be mixed with three.js? or are projects exclusively one or the other? an example is the chromakey project which uses three.js, can this be utiised in a proje t that has a-frame elements?  
thanks

---

<div class="post-metadata">

**Author:** ![Joao\_Pratas](https://avatars.discourse-cdn.com/v4/letter/j/a9a28c/32.png) [@Joao\_Pratas](https://forum.8thwall.com/u/Joao_Pratas)\
**Post date:** [May 7, 2024, 11:36am UTC](https://forum.8thwall.com/t/mixing-a-frame-and-three-js/1301/2 "2024-05-07T11:36:07Z")

</div>

Hi @Matt_Timson in essence yes, you can use AFRAME and three.js simultaneously. AFRAME is basically a wrapper for three.js where you can set the entities as if they were basic HTML divs, so there should be nothing stopping you from using both in each project because effectively every AFRAME project is powered by three.js.

Hope this helps 🙂