awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

38 Repos

Awesome GitHub RepositoriesLoading Indicators

Customizable visual elements displayed during data fetching or page transitions.

Distinguishing note: No existing candidates provided; focuses on the visual representation of loading states.

Explore 38 awesome GitHub repositories matching user interface & experience · Loading Indicators. Refine with filters or upvote what's useful.

Awesome Loading Indicators GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • 9001/copypartyAvatar von 9001

    9001/copyparty

    45,236Auf GitHub ansehen↗

    Copyparty is a self-hosted file server that provides a browser-based interface for managing, browsing, uploading, and downloading files. It utilizes a virtual file system abstraction to map diverse storage backends and network-attached devices into a unified directory structure, allowing for consistent file access across various storage environments. The platform functions as a cloud synchronization gateway, enabling automated data backups and transfers between local storage and remote cloud providers through integration with standard command-line tools. It also serves as a distributed storag

    Swap the default animated loading spinner for a static or custom visual element to minimize distractions during data fetching or page transitions.

    Pythoncopypartyfile-serverfile-sharing
    Auf GitHub ansehen↗45,236
  • heyputer/puterAvatar von HeyPuter

    HeyPuter/puter

    42,318Auf GitHub ansehen↗

    Puter is a browser-based desktop environment and cloud-native development platform that provides a virtualized graphical workspace. It enables developers to build and deploy full-stack web applications by integrating cloud storage, authentication, and serverless backend logic directly into the browser, eliminating the need for traditional server infrastructure. The platform distinguishes itself through a unified cloud storage layer and a distributed network runtime that facilitates peer-to-peer communication and cross-origin resource fetching. It features a sophisticated cross-window orchestr

    Shows loading spinners in the user interface to provide visual feedback during long-running operations.

    TypeScriptcloudcloud-oscloud-storage
    Auf GitHub ansehen↗42,318
  • saadeghi/daisyuiAvatar von saadeghi

    saadeghi/daisyui

    41,125Auf GitHub ansehen↗

    This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

    Provides spinners and progress bars to indicate background activity or pending states.

    Sveltecomponentcomponent-librarycomponents
    Auf GitHub ansehen↗41,125
  • textualize/textualAvatar von Textualize

    Textualize/textual

    36,285Auf GitHub ansehen↗

    This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int

    Provides animated visual elements to signal background data processing or loading states.

    Pythoncliframeworkpython
    Auf GitHub ansehen↗36,285
  • filamentphp/filamentAvatar von filamentphp

    filamentphp/filament

    31,215Auf GitHub ansehen↗

    Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

    Replaces default loading animations by implementing standard interfaces to provide custom visual representations.

    PHPadminalpine-jsbuilder
    Auf GitHub ansehen↗31,215
  • livewire/livewireAvatar von livewire

    livewire/livewire

    23,448Auf GitHub ansehen↗

    Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and

    Toggles the visibility, CSS classes, or HTML attributes of elements during server requests to provide visual feedback.

    PHP
    Auf GitHub ansehen↗23,448
  • necolas/react-native-webAvatar von necolas

    necolas/react-native-web

    22,132Auf GitHub ansehen↗

    This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

    Renders visual indicators to inform users of background processes or data fetching status.

    JavaScriptcross-platformcss-in-jsgui-framework
    Auf GitHub ansehen↗22,132
  • tobiasahlin/spinkitAvatar von tobiasahlin

    tobiasahlin/SpinKit

    19,351Auf GitHub ansehen↗

    SpinKit is a UI component library and CSS animation library focused on providing a collection of animated loading indicators and spinners. It serves as a set of lightweight visual transitions designed to create motion and feedback within web interfaces. The library implements these indicators using pure CSS rendering and keyframe animations to notify users of active background processes. It uses a class-based styling system and minimal HTML structures to render visual cues without relying on scripts or images. Appearance can be adjusted through CSS variables and custom styles to modify color

    Offers a specialized collection of animated loading indicators built entirely with CSS.

    CSS
    Auf GitHub ansehen↗19,351
  • hubspot/paceAvatar von HubSpot

    HubSpot/pace

    15,613Auf GitHub ansehen↗

    Pace is a page loading progress bar that monitors browser navigation and network requests to provide a visual loading indicator. It functions as a frontend navigation tracker and browser request monitor, tracking document states and URL patterns to drive the progress of a loading bar during page transitions. The tool includes a customizable loading indicator with configurable themes and visual styles. It provides request tracking control to filter which specific network requests trigger the progress bar using global settings or URL patterns. The system covers the monitoring of frontend reque

    Displays a visual progress bar to indicate loading states during network requests and page transitions.

    CSS
    Auf GitHub ansehen↗15,613
  • juanpe/skeletonviewAvatar von Juanpe

    Juanpe/SkeletonView

    12,873Auf GitHub ansehen↗

    SkeletonView is an iOS loading skeleton library used to display animated placeholder views that mimic a layout's structure while asynchronous data loads. It functions as a UI placeholder generator and a UIView animation framework to indicate active background processes. The library includes a list view skeleton orchestrator that generates placeholder cells and headers for table and collection views based on data source protocols. It provides tools to simulate text layouts using configurable line counts and spacing to prepare users for the final screen structure. Capability areas cover the co

    Implements timing delay logic to prevent visual flickering when content loads rapidly.

    Swift
    Auf GitHub ansehen↗12,873
  • ecomfe/vue-echartsAvatar von ecomfe

    ecomfe/vue-echarts

    10,717Auf GitHub ansehen↗

    vue-echarts is a data visualization library and a reactive wrapper for Apache ECharts, designed to integrate complex charts and graphics into Vue.js applications using a declarative, component-based approach. It functions as an interface that synchronizes charting engine instances with reactive state. The project provides a declarative graphics interface for building custom chart overlays, shapes, and text elements using a component-based slot architecture. It distinguishes itself by allowing the injection of custom components into chart elements, such as tooltips, via scoped slots rather tha

    Provides a reactive property to toggle the display of loading animations during data fetching.

    TypeScript
    Auf GitHub ansehen↗10,717
  • ninjaprox/nvactivityindicatorviewAvatar von ninjaprox

    ninjaprox/NVActivityIndicatorView

    10,708Auf GitHub ansehen↗

    NVActivityIndicatorView is a library of themed and configurable animation views used to replace standard system loading spinners in iOS applications. It provides a collection of reusable Swift UI components designed to signal background processing and data loading through various visual styles. The library focuses on custom activity indicators that allow for the implementation of stylized loading animations with specific colors and patterns. It enables the visualization of asynchronous processes and mobile app loading states to notify users that a background task is active. These components

    Renders various animated visual cues to signal that background processes are currently active.

    Swift
    Auf GitHub ansehen↗10,708
  • reactjs/react-transition-groupAvatar von reactjs

    reactjs/react-transition-group

    10,258Auf GitHub ansehen↗

    This project is a transition component library for React that manages CSS animations during the mounting and unmounting of components. It functions as a CSS class state manager and animation orchestrator, applying specific class sequences to track the entry and exit states of elements. The library coordinates the timing and sequence of multiple elements entering or leaving the screen. This includes managing synchronized group transitions for lists and triggering visual animations when switching between different URL routes. The system covers a range of transition capabilities, including stat

    Allows forcing components to switch states immediately to eliminate timing delays during testing.

    JavaScript
    Auf GitHub ansehen↗10,258
  • cosscom/cossAvatar von cosscom

    cosscom/coss

    10,125Auf GitHub ansehen↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    Implements animated pulse effects and visual elements to indicate loading states.

    TypeScriptnextjsradix-uireact
    Auf GitHub ansehen↗10,125
  • harlonwang/avloadingindicatorviewAvatar von HarlonWang

    HarlonWang/AVLoadingIndicatorView

    9,750Auf GitHub ansehen↗

    AVLoadingIndicatorView is a reusable iOS user interface component designed to display background processing states. It specializes in rendering high-quality video files and scalable vector graphics to serve as activity indicators. The project distinguishes itself by using video content as the primary visual for loading animations instead of standard system spinning animations. It utilizes vector drawing and coordinate transformations to maintain visual sharpness and scaling across different screen resolutions. The component covers animation visibility control, state transitions, and the visu

    Provides an animated view that uses video content as a high-quality alternative to standard iOS spinning animations.

    Javaandroidanimationindicator
    Auf GitHub ansehen↗9,750
  • huntabyte/shadcn-svelteAvatar von huntabyte

    huntabyte/shadcn-svelte

    8,341Auf GitHub ansehen↗

    shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

    Provides customizable visual elements to indicate loading states during data fetching or transitions.

    TypeScriptbits-uishadcn-svelteshadcn-ui
    Auf GitHub ansehen↗8,341
  • geekyants/vue-native-coreAvatar von GeekyAnts

    GeekyAnts/vue-native-core

    8,281Auf GitHub ansehen↗

    Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat

    Provides a circular spinner loading indicator that can be toggled with a conditional directive.

    JavaScriptandroidframeworkios
    Auf GitHub ansehen↗8,281
  • clappr/clapprAvatar von clappr

    clappr/clappr

    7,473Auf GitHub ansehen↗

    Clappr is an HTML5 web media player and plugin-based framework used to render video and audio across different web platforms. It functions as a playback engine supporting adaptive bitrate streaming through HLS and DASH protocols to ensure smooth media delivery. The project is distinguished by a modular architecture that allows developers to extend player functionality and add support for new media formats via a plugin system. It also includes a dedicated controller for managing digital rights management license requests to secure premium content. The player covers a broad range of capabiliti

    Displays a visual spinner to notify users when the player is loading data.

    JavaScript
    Auf GitHub ansehen↗7,473
  • lukehaas/css-loadersAvatar von lukehaas

    lukehaas/css-loaders

    7,058Auf GitHub ansehen↗

    This project is a collection of lightweight animated loading indicators and pure CSS UI components. It provides a library of pre-made styles and keyframes for rendering visual motion effects and loading spinners without the use of JavaScript. The library prioritizes minimal document object model overhead by utilizing a single-element HTML structure for each loader. It employs pseudo-elements to create complex shapes and relies on font-size based scaling to ensure proportional resizing across different dimensions. These components function as user interface feedback systems, providing visual

    Adjusts the overall size of loading indicators via font-size properties to maintain proportional internal dimensions.

    CSS
    Auf GitHub ansehen↗7,058
  • n3r4zzurr0/svg-spinnersAvatar von n3r4zzurr0

    n3r4zzurr0/svg-spinners

    6,989Auf GitHub ansehen↗

    svg-spinners is a collection of animated vector loading indicators. It serves as an SVG spinner library that provides a set of reusable graphics used to signal background processes or page loads. The project consists of a CSS animation library and a SMIL animation collection. It utilizes both CSS-driven keyframe animations and the Synchronized Multimedia Integration Language to create rotating and pulsing visuals. These assets are designed for frontend integration to provide user interface feedback. The library employs SVG-native shape rendering and fixed-dimension viewport scaling to ensure

    Ships a variety of customizable visual elements used to indicate data fetching or page transitions.

    SVGsvg-animated-icons
    Auf GitHub ansehen↗6,989
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Loading Indicators

Unter-Tags erkunden

  • Delay Configurations2 Sub-TagsSettings for controlling the timing of visual feedback to prevent flickering during rapid state changes. **Distinct from Loading Indicators:** Distinct from general loading indicators: focuses on the timing delay logic specifically.
  • Proportional ScalingMechanisms for resizing loading indicators while maintaining internal proportions. **Distinct from Loading Indicators:** Focuses specifically on proportional dimension control via font-size rather than general visual representation