A vue library inspired by how 3D engines only render what the camera sees. Applying that idea to the DOM lets us build UIs that are radically more efficient under load.
The library includes two components:
- Ghost: Wrap heavy elements like images, video, or animations. It tracks their size and unloads them from the DOM when out of view — preserving layout without wasting memory.
- InfiniteCarousel: A virtual scroller that renders only what's visible, but keeps your DOM layout intact. No absolute positioning tricks — just native scroll snapping and easy styling
A vue library inspired by how 3D engines only render what the camera sees. Applying that idea to the DOM lets us build UIs that are radically more efficient under load.
The library includes two components: - Ghost: Wrap heavy elements like images, video, or animations. It tracks their size and unloads them from the DOM when out of view — preserving layout without wasting memory. - InfiniteCarousel: A virtual scroller that renders only what's visible, but keeps your DOM layout intact. No absolute positioning tricks — just native scroll snapping and easy styling
- Code: https://github.com/isaact/vue-infinity
- Demo: https://tewolde.co/vueInfinity
- Background: https://tewolde.co/blog/vue-infinity