HNGlance

Top Best New Show

Show HN: Vue-Infinity – Visibility-based rendering for Vue apps

https://github.com/isaact/vue-infinity

by tewolde • 1 year ago

4 1 1 year ago

GI

Related Stories

Loading related stories...

Comments

1

tewolde• 1 year 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

- Demo: https://tewolde.co/vueInfinity

- Background: https://tewolde.co/blog/vue-infinity

Source preview

github.com

HNGlance

© 2024-2026 HN Glance. Story content belongs to its original sources.

Privacy
Terms