Awesome GitHub RepositoriesLoading Progress Bars

Turbolinks is a JavaScript library that accelerates HTML page transitions by replacing the page body via network requests instead of performing full browser refreshes. It functions as a client-side navigation manager that intercepts link clicks and controls the page visit lifecycle to simulate a single-page application experience. The library synchronizes the browser URL and history stack with partial page updates and utilizes a caching mechanism to store visited page states. This allow for instant previews and restoration of state when navigating backward or forward. It also includes a tool

AgentWeb is an Android library that enhances the standard WebView component by applying performance optimizations and improving loading behavior. Its core purpose is to eliminate the blank white screen that users often see when a WebView first loads, and to reduce overall page load latency through pre-initialization and instance reuse strategies. The library achieves this through several key techniques. It pre-initializes the WebView rendering engine early in the app lifecycle so the first page load is not delayed by kernel startup. It also pre-loads the dedicated WebView process before it is

Hotwire Turbo is a server-driven navigation and HTML streaming framework that intercepts link clicks and form submissions to fetch pages in the background and replace content without full browser reloads. It provides a Turbo Frame component that scopes page regions into independent contexts, enabling partial page updates where only a specific area of the page navigates or loads content. The framework includes a page cache and morph system that stores recently visited pages for instant restoration and applies minimal DOM changes on refresh, preserving scroll position and element state. The fra

jsmpeg is a JavaScript MPEG1 video decoder and canvas-based video renderer. It functions as a client-side media decoder that processes video frames in JavaScript, rendering them to an HTML5 canvas without relying on native browser video elements. The project provides a low-latency video player capable of receiving binary media data over WebSockets for real-time streaming. It also supports the progressive loading of static video files via Ajax to allow playback to begin before a file is fully downloaded. The system includes capabilities for playback state and event management, allowing for th

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

Instantclick एक क्लाइंट-साइड नेविगेशन एन्हांसर और JavaScript पेज प्रीलोडर है। यह पूर्ण ब्राउज़र रिफ़्रेश से बचने के लिए एसिंक्रोनस अनुरोधों के माध्यम से पेज टाइटल्स और कंटेंट को अपडेट करने के लिए HTTP अनुरोधों को इंटरसेप्ट करता है, ताकि नेविगेशन के दौरान सफ़ेद फ़्लैश को समाप्त किया जा सके। यह प्रोजेक्ट जब कोई यूज़र हाइपरलिंक पर होवर करता है तो बैकग्राउंड में लिंक की गई सामग्री को फ़ेच करके कथित फ्रंटएंड विलंबता (latency) को कम करता है। यह इरादा-आधारित प्रीलोडिंग सुनिश्चित करता है कि जब यूज़र क्लिक करता है तो सामग्री तैयार हो। यह टूल क्लाइंट-साइड हिस्ट्री हेरफेर और DOM-आधारित कंटेंट इंजेक्शन के माध्यम से ब्राउज़िंग अनुभव को मैनेज करता है। इसमें एक कस्टमाइज़ेबल नेविगेशन प्रोग्रेस इंडिकेटर भी शामिल है जो एसिंक्रोनस पेज अनुरोधों के प्रोसेस होने के दौरान विज़ुअल फ़ीडबैक प्रदान करता है।

angular-loading-bar, Angular एप्लिकेशन के लिए एक लोडिंग स्टेट मैनेजर और प्रोग्रेस बार कंपोनेंट है। यह आउटगोइंग HTTP रिक्वेस्ट को मॉनिटर करके नेटवर्क गतिविधि को विज़ुअलाइज़ करने के लिए एक ऑटोमैटिक लोडिंग इंडिकेटर प्रदान करता है। यह प्रोजेक्ट कई API कॉल्स को एक ही लोडिंग स्टेट में बंडल करके समवर्ती (concurrent) नेटवर्क रिक्वेस्ट को मैनेज करता है, जिससे यह सुनिश्चित होता है कि इंडिकेटर अंतिम रिक्वेस्ट पूरी होने तक दिखाई दे। इसमें लोडिंग बार को दिखने में देरी करने के लिए एक लेटेंसी थ्रेशोल्ड शामिल है, जो तेज़ रिक्वेस्ट के दौरान बार-बार फ्लैश होने से बचाता है। यह सिस्टम UI को ट्रिगर होने से रोकने के लिए बैकग्राउंड या पोलिंग कॉल्स को बाहर करने हेतु URL पैटर्न फ़िल्टरिंग का समर्थन करता है। यह मैन्युअल स्टेट कंट्रोल भी प्रदान करता है, जिससे नेटवर्क मॉनिटरिंग से स्वतंत्र कार्यों के लिए लोडिंग इंडिकेटर को प्रोग्रामेटिक रूप से शुरू या बंद किया जा सकता है।

This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b

LoadingDrawable एक Android लोडिंग ड्रायबल लाइब्रेरी है जो बैकग्राउंड टास्क गतिविधि या लोडिंग स्टेट्स को इंगित करने के लिए कस्टमाइज़ेबल ड्रायबल कंपोनेंट्स प्रदान करती है। यह कस्टम व्यू कंपोनेंट्स और प्रोग्रेस इंडिकेटर्स के संग्रह के रूप में कार्य करती है जो मानक Android व्यू के साथ एकीकृत होते हैं। यह लाइब्रेरी रिफ्रेश कंपोनेंट्स या इमेज प्लेसहोल्डर्स के लिए एनिमेटेड लोडिंग इंडिकेटर्स को रेंडर करने में सक्षम बनाती है और समय लेने वाले कार्यों के पूर्ण होने के प्रतिशत को दर्शाने के लिए लोडिंग प्रोग्रेस को ट्रैक करती है। इसका इम्प्लीमेंटेशन Android प्रोग्रेस विज़ुअलाइज़ेशन और UI डिज़ाइन को कवर करता है, जो Android एप्लिकेशन के भीतर विज़ुअल फीडबैक प्रदान करने के लिए कैनवास-लेवल ड्राइंग और ड्रायबल-आधारित एनिमेशन का उपयोग करता है।