Awesome GitHub RepositoriesLoading State Indicators

cc-connect is an AI agent messaging bridge and session manager that connects local AI coding agents to third-party messaging platforms. It acts as a multimodal AI chat relay and a OneBot protocol gateway, allowing users to control local AI agents remotely via a variety of chat interfaces. The project distinguishes itself by providing a remote AI agent controller that enables the management of agents through slash commands and a web management dashboard. It supports multi-tenant project orchestration and session-based context isolation, ensuring that independent conversation threads are mainta

nuqs is a TypeScript library for managing React component state through the browser's URL query string. It provides a type-safe hook-based approach that synchronizes component state with the address bar, enabling shareable and bookmarkable application states. The library handles parsing and serializing URL query parameters into typed JavaScript values, supporting integers, floats, booleans, dates, and custom types with bijectivity verification. The library distinguishes itself through its comprehensive approach to URL state management, combining batch URL updates that merge multiple parameter

Shimmer es una biblioteca de estado de carga de UI utilizada para generar marcadores de posición de esqueleto brillantes y efectos de animación de envoltura de vista. Proporciona un conjunto de herramientas para crear animaciones de resaltado que indican que el contenido se está cargando dentro de una interfaz de usuario. El proyecto incluye un generador de pantallas de esqueleto y un envoltorio de animación de vista. Estos componentes aplican un efecto de gradiente en movimiento sobre las vistas existentes para proporcionar retroalimentación visual mientras se obtienen los datos. La biblioteca cubre la animación de interfaces de usuario y patrones de diseño de aplicaciones móviles. Implementa indicadores de carga a través de una combinación de enmascaramiento de gradiente lineal, traslación de espacio de coordenadas y bucles de animación basados en fotogramas clave.

bootstrap-modal es una biblioteca de JavaScript que extiende el componente modal estándar de Bootstrap para proporcionar capacidades avanzadas de redimensionamiento, apilamiento y animación. Funciona como un cargador de modales AJAX, obteniendo contenido remoto y actualizando vistas de forma asíncrona sin requerir una actualización de la página del navegador. El proyecto proporciona un gestor de superposición apilable para organizar múltiples ventanas superpuestas con manejo de eventos sincronizado y orden de capas correcto. También incluye un componente de UI responsivo que ajusta automáticamente las dimensiones y restricciones según el tamaño actual de la ventana. La biblioteca cubre áreas funcionales más amplias, incluyendo flujos de trabajo de modales anidados, bloqueo de desplazamiento de fondo y animaciones de transición modal. Además, incorpora mecanismos de retroalimentación visual como indicadores de estado de carga y animaciones de interacción para señalar procesos de fondo activos.

SVPullToRefresh es una biblioteca para añadir comportamientos de "tirar para actualizar" (pull-to-refresh) y desplazamiento infinito a las vistas de desplazamiento (scroll views) de UIKit en la plataforma iOS. Proporciona componentes de interfaz de usuario especializados que permiten la actualización manual de contenido y la paginación dentro de vistas desplazables. La biblioteca implementa mecanismos para activar acciones de carga de datos cuando un usuario tira de una vista de desplazamiento desde la parte superior o llega al final de un área desplazable. Estos disparadores permiten sincronizar la información más reciente o añadir más contenido para crear feeds continuos.

ngx-datatable es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos. El componente se distingue por su cuadrícula de desplazamiento virtual de alto rendimiento, que renderiza solo las filas visibles para optimizar el uso de memoria y CPU. Proporciona una interfaz interactiva para gestionar datos mediante selección de filas, reordenamiento de columnas y vistas de detalle expandibles. El proyecto cubre un amplio conjunto de capacidades, incluyendo gestión de columnas para fijar y redimensionar, ordenamiento de múltiples columnas e integración del lado del servidor para la obtención remota de datos. También incluye personalizaciones a nivel de fila como estilos dinámicos, componentes de fila personalizados y modos de selección flexibles. Las características de utilidad adicionales incluyen la localización de mensajes de tabla y la aplicación de temas personalizados mediante CSS.

Este es un framework de internacionalización para aplicaciones Angular. Proporciona un sistema para gestionar texto multilingüe mapeando claves a cadenas traducidas, utilizando un gestor de traducción JSON para cargar y fusionar activos localizados a través de HTTP o fuentes locales. La biblioteca incluye un selector de idioma en tiempo real para actualizar la interfaz de usuario instantáneamente sin recargar la página y un extractor de claves para identificar cadenas traducibles dentro del código fuente. El proyecto cuenta con un formateador de mensajes ICU para manejar requisitos lingüísticos complejos como pluralización y género. Se distingue por una arquitectura de cargador basada en plugins y analizadores de interpolación personalizables, permitiendo a los desarrolladores definir lógica personalizada para obtener datos de traducción y formatear parámetros dinámicos. La biblioteca cubre una amplia gama de capacidades de localización, incluyendo detección de idioma del navegador, configuración de idioma de respaldo y seguimiento de estado reactivo utilizando señales para monitorear cambios de idioma. También admite estrategias de enrutamiento localizado para URLs específicas de idioma y proporciona herramientas para la validación de claves de traducción y simulación de servicios para control de calidad.

SmoothProgressBar es una biblioteca de barras de progreso personalizadas para Android, diseñada para renderizar indicadores de carga indeterminados, tanto horizontales como circulares. Funciona como un componente de UI reutilizable y una extensión de vista utilizada para mostrar el estado de procesos en segundo plano dentro de aplicaciones Android. La biblioteca proporciona animaciones suaves y estilos personalizados para crear estados de carga fluidos. Soporta formatos lineales y circulares, permitiendo especificar colores y estilos para que coincidan con el sistema de diseño de una aplicación móvil.

Liveblocks is a realtime collaboration infrastructure platform that synchronizes application state, documents, and user presence across multiple participants using conflict-free replicated data types. It provides a managed backend for collaborative text editors, threaded commenting and annotation systems, in-app notifications, and AI copilot deployment, all built on a WebSocket transport layer with server-side room management APIs. The platform distinguishes itself through a headless component primitive system that exposes unstyled React hooks and composable building blocks, allowing develope

Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

Este proyecto es una colección de guías de referencia y patrones reutilizables para implementar diseños CSS, tipografía y efectos visuales. Sirve como una librería de fragmentos de estilo y guías de implementación para estructurar páginas web y crear patrones de interfaz de usuario comunes. El repositorio proporciona galerías especializadas para efectos visuales y patrones de componentes de UI. Estos incluyen técnicas para crear glassmorphism, formas geométricas complejas y elementos interactivos como acordeones, tooltips e indicadores de pestañas animados. El proyecto cubre una amplia gama de capacidades frontend, incluyendo diseño responsivo, sistemas de diseño flexibles y basados en rejilla, y optimización de tipografía. También incluye recursos para construir efectos de movimiento interactivos, mezcla de colores y filtrado de imágenes para resolver problemas de renderizado comunes y mejorar la estética de la interfaz.

Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

toolong es un visor de logs de terminal y gestor de logs TUI diseñado para monitorear flujos de logs en vivo y navegar por archivos de logs grandes. Funciona como un agregador de logs y formateador JSONL, capaz de fusionar múltiples archivos de logs en una única vista cronológica detectando automáticamente las marcas de tiempo. La aplicación admite la visualización de datos estructurados mediante la impresión bonita de archivos JSONL y la aplicación de resaltado de sintaxis a patrones comunes de logs de servidores web. Maneja datos a gran escala de manera eficiente a través de vistas desplazables de tamaño virtual, permitiendo a los usuarios abrir logs comprimidos o archivos de cualquier tamaño sin cargar todo el documento en la memoria. El sistema incluye capacidades para seguir flujos de logs, realizar coincidencias de texto difusas y gestionar la navegación a través de un modelo de pantalla basado en pila. También proporciona una paleta de comandos para descubrir funciones de la aplicación y admite elementos interactivos como enlaces clicables y tooltips al pasar el ratón.

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

Este framework proporciona una librería integral de componentes de interfaz de usuario (UI) accesibles y reutilizables diseñados para aplicaciones web renderizadas en el lado del servidor. Permite a los desarrolladores construir interfaces interactivas sincronizando el estado entre el servidor y el navegador, asegurando que el marcado y los datos permanezcan consistentes sin requerir una lógica compleja del lado del cliente. El proyecto se distingue por su profunda integración con la inteligencia artificial, ofreciendo herramientas que exponen esquemas de componentes y definiciones de interfaz a asistentes de codificación. Esto permite el descubrimiento e implementación automatizados de elementos de interfaz, mientras que las utilidades de línea de comandos integradas aceleran aún más el desarrollo al automatizar la configuración del proyecto y proporcionar fragmentos de código preconstruidos para estructuras de interfaz comunes. Más allá de su librería central, el framework incluye un amplio soporte para el manejo de formularios, incluyendo validación localizada y controles de entrada accesibles. También proporciona mecanismos de estilo robustos que resuelven conflictos de clases de utilidad en tiempo de ejecución, junto con componentes especializados para gestionar tablas de datos, menús de navegación y superposiciones interactivas. La seguridad y el cumplimiento están integrados directamente en el ciclo de vida del componente, presentando comprobaciones de accesibilidad automatizadas, limitación de velocidad para rutas de autenticación y herramientas para gestionar la privacidad de los datos del usuario. El framework está diseñado para ser instalado y configurado dentro de entornos existentes del lado del servidor para respaldar un desarrollo de interfaz rápido y consistente.