Awesome GitHub RepositoriesLoading Visuals

react-lazyload es un componente de React y wrapper de visibilidad de viewport diseñado para minimizar el consumo de recursos difiriendo la visualización de elementos de UI fuera de pantalla. Funciona como un optimizador de rendimiento de frontend que retrasa el renderizado de imágenes o componentes hasta que entran en el viewport del navegador. La biblioteca evita cambios de diseño (layout shifts) permitiendo la definición de dimensiones de marcadores de posición, manteniendo la estabilidad de la página mientras el contenido se carga de forma diferida. Gestiona la transición desde estos marcadores de posición al contenido real utilizando estado interno y animaciones opcionales. El sistema proporciona mecanismos para la detección de visibilidad en el viewport, anulaciones de visualización manual para forzar el montaje inmediato y disparadores de visibilidad manuales para casos donde los eventos estándar de desplazamiento o cambio de tamaño son insuficientes.

Skeleton is a skeleton loading library and UI component library for mobile applications. It provides a system for rendering animated shimmer placeholders and grayed-out shapes that mimic the final layout of a page while content is loading. The framework acts as a UI placeholder generator that automatically mirrors the dimensions and margins of actual views to create structurally accurate loading states. It implements a shimmer animation framework that applies sliding gradient overlays without requiring modifications to the original UI source code. The library covers loading state visualizati