# A lot of Three.JS frames on one single page

**URL:** <https://discourse.threejs.org/t/a-lot-of-three-js-frames-on-one-single-page/70099>\
**Category:** Showcase\
**Created:** [August 30, 2024, 12:51pm UTC](https://discourse.threejs.org/t/a-lot-of-three-js-frames-on-one-single-page/70099 "2024-08-30T12:51:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![yvesguillo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yvesguillo/32/39285_2.png) [@yvesguillo](https://discourse.threejs.org/u/yvesguillo)\
**Post date:** [August 30, 2024, 12:51pm UTC](https://discourse.threejs.org/t/a-lot-of-three-js-frames-on-one-single-page/70099/1 "2024-08-30T12:51:23Z")

</div>

![2024-08-30 16_12_41-Window](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/d/9db44262bab1a0bddc473a0e7a1b06d3a7a35309.jpeg)

I just wanted to share this approach which allowed me to display a lot of three.js scenes on many frames in one single page. Hope this help someone.  
[https://yvesguillo.ch/apps/boilerplates/multi-inst-webgl/](https://yvesguillo.ch/apps/boilerplates/multi-inst-webgl/)  
I’m using it on my homepage at the bottom, it is supposed to prevent render of instances which are not visible due to scroll.  
[https://yvesguillo.ch](https://yvesguillo.ch)