# Can 8th Wall support a hybrid web app with both standard HTML UI and a 3D AR scene on the same page? **URL:** \ **Category:** Technical Support\ **Tags:** general\ **Created:** [June 10, 2025, 6:20am UTC](https://forum.8thwall.com/t/can-8th-wall-support-a-hybrid-web-app-with-both-standard-html-ui-and-a-3d-ar-scene-on-the-same-page/6927 "2025-06-10T06:20:15Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![chow\_kenny](https://avatars.discourse-cdn.com/v4/letter/c/ed8c4c/32.png) [@chow\_kenny](https://forum.8thwall.com/u/chow_kenny)\ **Post date:** [June 10, 2025, 6:20am UTC](https://forum.8thwall.com/t/can-8th-wall-support-a-hybrid-web-app-with-both-standard-html-ui-and-a-3d-ar-scene-on-the-same-page/6927/1 "2025-06-10T06:20:15Z")
> Hi 8th Wall Support Team, > > I am building a web application using 8th Wall where: > > - Most of the user interface (story text, image upload, action buttons, event cards, etc.) is shown as standard HTML (2D) elements on the main page. > - When the user clicks “Start Game”, the UI hides and an A-Frame `` is shown, where a 3D model (generated via API) is bound to the user’s palm using 8th Wall’s hand tracking. > - All logic (UI + AR) is managed in a single page app, and the user can switch between 2D UI and the AR scene without a page reload. > > Is this approach officially supported and stable on the 8th Wall platform? > Are there any best practices or pitfalls I should be aware of when mixing standard HTML and 8th Wall AR content in one page? ![Screenshot 2025-06-10 141527](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/c/ccf5572b7679d62c62bc4c82ca9e5b74e56e2fef.png) Standard HTML UI ![Screenshot 2025-06-06 112754](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/4/408117f52350afe9d939b1367de97a75cb5f8bd2.png) 3D AR Scene ![Screenshot 2025-06-10 141843](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/e/e16454058c4e52c6476fb9e714b1346e6143de97.png) Press “Start Game” can turn HTML UI to 3D AR Scene > Thank you so much for your advice! ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [June 16, 2025, 5:23pm UTC](https://forum.8thwall.com/t/can-8th-wall-support-a-hybrid-web-app-with-both-standard-html-ui-and-a-3d-ar-scene-on-the-same-page/6927/2 "2025-06-16T17:23:39Z")
Hi, it’s definitely possible. > [@Is HTML, CSS and Studio Recommended?](https://forum.8thwall.com/t/is-html-css-and-studio-recommended/4870/2): > > Hi Leonard! It’s not recommended, but since 8th Wall experiences are JavaScript applications running in a browser, it’s certainly possible. You can integrate HTML and CSS within your Studio TS/JS files by dynamically creating and manipulating elements, like in this custom component example: import \* as ecs from '@8thwall/ecs' ecs.registerComponent({ name: 'html-ui', schema: { }, schemaDefaults: { }, data: { }, add: (world, component) =\> { const overlay = document.createEle… ---
**Author:** ![chow\_kenny](https://avatars.discourse-cdn.com/v4/letter/c/ed8c4c/32.png) [@chow\_kenny](https://forum.8thwall.com/u/chow_kenny)\ **Post date:** [June 17, 2025, 1:09am UTC](https://forum.8thwall.com/t/can-8th-wall-support-a-hybrid-web-app-with-both-standard-html-ui-and-a-3d-ar-scene-on-the-same-page/6927/3 "2025-06-17T01:09:49Z")
Ok, thanks for your reply! ---
**Author:** ![system](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/9/9212a857458f1b03a6accb129e0f8cbea408e3e5.png) [@system](https://forum.8thwall.com/u/system)\ **Post date:** [June 21, 2025, 1:10am UTC](https://forum.8thwall.com/t/can-8th-wall-support-a-hybrid-web-app-with-both-standard-html-ui-and-a-3d-ar-scene-on-the-same-page/6927/4 "2025-06-21T01:10:19Z")
This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.