# Integration to web application built on three.js fibre and react.js

**URL:** <https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014>\
**Category:** Web SDK & Embeds\
**Tags:** threejs, question\
**Created:** [May 20, 2025, 7:38am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014 "2025-05-20T07:38:52Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Harsha\_Bhat](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/harsha_bhat/32/4368_2.png) [@Harsha\_Bhat](https://forum.convai.com/u/Harsha_Bhat)\
**Post date:** [May 20, 2025, 7:38am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/1 "2025-05-20T07:38:52Z")

</div>

I have a web platform where the environment is built using three.js fibre and react.js platform. I am looking for options to help import the character I have created in convai into the web environment. What are the options that I have? The narrative design all the necessary configurations are built on the convai platform.

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [May 20, 2025, 7:58am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/2 "2025-05-20T07:58:35Z")

</div>

Hello @Harsha_Bhat,

**Welcome to the Convai Developer Forum**

Do you mean visually importing the character?

---

<div class="post-metadata">

**Author:** ![Harsha\_Bhat](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/harsha_bhat/32/4368_2.png) [@Harsha\_Bhat](https://forum.convai.com/u/Harsha_Bhat)\
**Post date:** [May 20, 2025, 8:00am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/3 "2025-05-20T08:00:26Z")

</div>

Yes, visually importing the character and also the narrative design integration that has been built on the convai platform.

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [May 20, 2025, 8:05am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/4 "2025-05-20T08:05:39Z")

</div>

Just to clarify, visually importing the character itself is not supported.  
However, you can embed a Convai Experience on your website. This feature is available under our Enterprise plan.

As for Narrative Design, no special setup is required. Once you’ve added your Character ID, everything should work as expected.

---

<div class="post-metadata">

**Author:** ![Harsha\_Bhat](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/harsha_bhat/32/4368_2.png) [@Harsha\_Bhat](https://forum.convai.com/u/Harsha_Bhat)\
**Post date:** [May 20, 2025, 9:06am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/5 "2025-05-20T09:06:11Z")

</div>

Could you please suggest relevant articles as to how the Convai experience can be embedded into the website?

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [May 20, 2025, 9:27am UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/6 "2025-05-20T09:27:48Z")

</div>

> **[Convai Pixel Streaming Embed | Documentation](https://docs.convai.com/api-docs/plugins-and-integrations/convai-pixel-streaming-embed)**

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [May 21, 2025, 10:00pm UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/7 "2025-05-21T22:00:01Z")

</div>

Hey @Harsha_Bhat,

Currently, the characters created in Avatar Studio are based on MetaHuman and, due to licensing constraints, cannot be imported directly into other platforms or websites.

If you’re looking to showcase high-quality characters in a web environment, we recommend exploring Reallusion characters. These are more compatible with web-based use cases.

For a practical example of how to work with these characters, please check out our tutorial video here:  
[Convai + Reallusion Integration Guide in Web Browsers](https://www.youtube.com/watch?v=5tYyeXPo5vg&pp=ygUOY29udmFpIHRocmVlanM%3D)

Let us know if you’d like help setting this up!

---

<div class="post-metadata">

**Author:** ![K3](https://yyz2.discourse-cdn.com/flex004/user_avatar/forum.convai.com/k3/32/2611_2.png) [@K3](https://forum.convai.com/u/K3)\
**Post date:** [May 28, 2025, 10:05pm UTC](https://forum.convai.com/t/integration-to-web-application-built-on-three-js-fibre-and-react-js/4014/8 "2025-05-28T22:05:11Z")

</div>

Closed on May 28, 2025, 10:05pm UTC


