4 ms·
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 und
by tewolde 1y ago
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 https://github.com/isaact/vue-infinity
- Demo: https://tewolde.co/vueInfinity https://tewolde.co/vueInfinity
- Background: https://tewolde.co/blog/vue-infinity https://tewolde.co/blog/vue-infinity