Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Tai-Zhou/awesome-loading-indicators

Awesome list about loading indicators in different languages.
https://github.com/Tai-Zhou/awesome-loading-indicators

List: awesome-loading-indicators

awesome awesome-list indicator loading loading-bar progress-bar progressbar

Last synced: 3 months ago
JSON representation

Awesome list about loading indicators in different languages.

Awesome Lists containing this project

README

        

# Awesome Loading Indicators [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

Awesome list about loading indicators in different languages and formats.

## Contents

- [C/C++](#cc)
- [C#](#c)
- [CSS](#css)
- [Dart](#dart)
- [Go](#go)
- [Java](#java)
- [JavaScript](#javascript)
- [Kotlin](#kotlin)
- [Objective-C](#objective-c)
- [Python](#python)
- [Ruby](#ruby)
- [SVG](#svg)
- [Swift](#swift)
- [TypeScript](#typescript)

## C/C++

- [indicators](https://github.com/p-ranav/indicators) - Activity Indicators for Modern C++.

## C#

- [RadialProgressBar](https://github.com/AdultLink/RadialProgressBar) - Customizable radial progress bar shader for Unity3D. Allows you to set arc range, minimum and maximum colors, textures, radius, and a few more things. Create HP Bars, Speedometers, rank progress, etc!

## CSS

- [CSS loader](https://github.com/raphaelfabeni/css-loader) - Simple loaders for your web applications using only one div and pure CSS.
- [CSSPIN](https://github.com/webkul/csspin) - CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner.
- [css-spinner](https://github.com/loadingio/css-spinner) - Collection of 12 small, elegant pure css spinners for your website's loading animation.
- [Loaders.css](https://github.com/ConnorAtherton/loaders.css) - Delightful, performance-focused pure css loading animations.
- [PACE](https://github.com/CodeByZach/pace) - Automatically add a progress bar to your site.
- [Single Element CSS Spinners](https://github.com/lukehaas/css-loaders) - A collection of loading spinners animated with CSS.
- [SpinKit](https://github.com/tobiasahlin/SpinKit) - Simple loading spinners animated with CSS.
- [SpinThatShit](https://github.com/MatejKustec/SpinThatShit) - A set of SCSS mixins for single element loaders and spinners.
- [text-spinners](https://github.com/maxbeier/text-spinners) - Pure text, CSS only, font independent, inline loading indicators.

## Dart

- [flutter_easyrefresh](https://github.com/xuelongqy/flutter_easyrefresh) - A flutter widget that provides pull-down refresh and pull-up load.
- [Flutter Spinkit](https://github.com/jogboms/flutter_spinkit) - A collection of loading indicators animated with flutter.

## Go

- [Multi Progress Bar](https://github.com/vbauerster/mpb) - Multi progress bar for Go cli applications.
- [progressbar](https://github.com/schollz/progressbar) - A really basic thread-safe progress bar for Golang applications.
- [Terminal progress bar for Go](https://github.com/cheggaaa/pb) - Console progress bar for Golang.
- [uiprogress](https://github.com/gosuri/uiprogress) - A go library to render progress bars in terminal applications.

## Java

- [Android NumberProgressBar](https://github.com/daimajia/NumberProgressBar) - A beautiful, slim Android ProgressBar.
- [android-shapeLoadingView](https://github.com/zzz40500/android-shapeLoadingView) - 高仿新版58 加载动画.
- [Android-SpinKit](https://github.com/ybq/Android-SpinKit) - Android loading animations.
- [Animated Circle Loading View](https://github.com/jlmd/AnimatedCircleLoadingView) - An animated circle loading view.
- [CircleProgressBar](https://github.com/dinuscxj/CircleProgressBar) - A circular android ProgressBar library which extends View, and the usage same as ProgressBar, It has solid,line and solid_line three styles. Besides, progress value can be freely customized.
- [Download Progress Bar](https://github.com/panwrona/DownloadProgressBar) - DownloadProgressBar is an android library that delivers awesome custom progress bar. You can manipulate it's state in every way.
- [GoogleProgressBar](https://github.com/jpardogo/GoogleProgressBar) - Android library to display progress like google does in some of his services.
- [LoadingDrawable](https://github.com/dinuscxj/LoadingDrawable) - Some beautiful android loading drawable, can be combined with any view as the LoadingView or the ProgressBar.
- [LoadingView](https://github.com/ldoublem/LoadingView) - A simple loadingview for android with animation.
- [MaterialProgressBar](https://github.com/zhanghai/MaterialProgressBar) - Material Design ProgressBar with consistent appearance.
- [MetaballLoading](https://github.com/dodola/MetaballLoading) - A 2d metaball loading.
- [mkloader](https://github.com/nntuyen/mkloader) - Beautiful and smooth custom loading views.
- [Road Runner](https://github.com/glomadrian/RoadRunner) - Road Runner is a library for android which allow you to make your own loading animation using a SVG image.
- [RoundCornerProgressBar](https://github.com/akexorcist/RoundCornerProgressBar) - Round Corner Progress Bar Library for Android.
- [StateProgressBar](https://github.com/kofigyan/StateProgressBar) - Android library to realize the various states and transitions in a ProgressBar.

## JavaScript

- [angular-loading-bar](https://github.com/chieffancypants/angular-loading-bar) - A fully automatic loading / progress bar for your angular apps.
- [Elastic Progress](https://github.com/codrops/ElasticProgress) - Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw.
- [Halogen](https://github.com/yuanyan/halogen) - A collection of loading spinners with React.js.
- [jquery-circle-progress](https://github.com/kottenator/jquery-circle-progress) - jQuery Plugin to draw animated circular progress bars.
- [Ladda](https://github.com/hakimel/Ladda) - Buttons with built-in loading indicators.
- [MProgress.js](https://github.com/lightningtgc/MProgress.js) - Material Progress—Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
- [nanobar](https://github.com/jacoborus/nanobar) - Very lightweight progress bars. No jQuery.
- [node-progress](https://github.com/visionmedia/node-progress) - Flexible ascii progress bar for Node.js.
- [NProgress](https://github.com/rstacruz/nprogress) - For slim progress bars like on YouTube, Medium, etc.
- [ProgressBar.js](https://github.com/kimmobrunfeldt/progressbar.js) - Responsive and slick progress bars.
- [progress-estimator](https://github.com/bvaughn/progress-estimator) - Logs a progress bar and estimation for how long a Promise will take to complete.
- [ProgressJS](https://github.com/usablica/progress.js) - ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
- [vue-ellipse-progress](https://github.com/setaman/vue-ellipse-progress) - A Vue.js component to create beautiful animated circular progress bars ([Demo](https://vue-ellipse-progress-demo.netlify.com/)).
- [vue-progressbar](https://github.com/hilongjw/vue-progressbar) - A lightweight progress bar for vue.

## Kotlin

- [Android CatLoadingView](https://github.com/Rogero0o/CatLoadingView) - Android CatLoadingView.
- [CircularProgressBar](https://github.com/lopspower/CircularProgressBar) - Create circular ProgressBar in Android ⭕.
- [LoadingButtonAndroid](https://github.com/leandroBorgesFerreira/LoadingButtonAndroid) - A button to substitute the ProgressDialog.

## Objective-C

- [MBCircularProgressBar](https://github.com/MatiBot/MBCircularProgressBar) - A circular, animatable & highly customizable progress bar from the Interface Builder (Objective-C).
- [YLProgressBar](https://github.com/yannickl/YLProgressBar) - UIProgressView replacement with an highly and fully customizable animated progress bar in pure Core Graphics.

## Python

- [alive-progress :)](https://github.com/rsalmei/alive-progress) - A new kind of Progress Bar, with real time throughput, eta and very cool animations!
- [Easy progress reporting for Python](https://github.com/verigak/progress) - Easy to use progress bars for Python.
- [fastprogress](https://github.com/fastai/fastprogress) - Simple and flexible progress bar for Jupyter Notebook and console.
- [tqdm](https://github.com/tqdm/tqdm) - A Fast, Extensible Progress Bar for Python and CLI.

## Ruby

- [Ruby/ProgressBar](https://github.com/jfelchner/ruby-progressbar) - Ruby/ProgressBar is a text progress bar library for Ruby.

## SVG

- [SVG-Loaders](https://github.com/SamHerbert/SVG-Loaders) - Loading icons and small animations built with pure SVG.

## Swift

- [BreakOutToRefresh](https://github.com/dasdom/BreakOutToRefresh) - Play BreakOut while loading - A playable pull to refresh view using SpriteKit.
- [FillableLoaders](https://github.com/polqf/FillableLoaders) - Completely customizable progress based loaders drawn using custom CGPaths written in Swift.
- [KYCircularProgress](https://github.com/kentya6/KYCircularProgress) - Flexible progress bar written in Swift.
- [LiquidLoader](https://github.com/yoavlt/LiquidLoader) - Spinner loader components with liquid animation.
- [LoaderUI](https://github.com/ninjaprox/LoaderUI) - NVActivityIndicatorView implemented in SwiftUI.
- [NVActivityIndicatorView](https://github.com/ninjaprox/NVActivityIndicatorView) - NVActivityIndicatorView is a collection of awesome loading animations.
- [UICircularProgressRing](https://github.com/luispadron/UICircularProgressRing) - A circular progress bar for iOS written in Swift.

## TypeScript

- [NG Bootstrap](https://github.com/ng-bootstrap/ng-bootstrap) - Angular powered Bootstrap widgets.
- [React Spinners](https://github.com/davidhu2000/react-spinners) - A collection of loading spinner components for react.