All Projects → sarfraznawaz2005 → loading

sarfraznawaz2005 / loading

Licence: MIT license
Laravel package to add loading indicator to pages while page is loading.

Programming Languages

PHP
23972 projects - #3 most used programming language

Projects that are alternatives of or similar to loading

Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+1936.84%)
Mutual labels:  loader, spinner, loading-animations, loading-spinner
Loading indicator view
A collection of awesome flutter loading animation
Stars: ✭ 83 (+118.42%)
Mutual labels:  indicator, loading-animations, loading-spinner
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (+176.32%)
Mutual labels:  spinner, loading-animations, loading-spinner
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (+134.21%)
Mutual labels:  spinner, loading-animations, loading-spinner
Text Spinners
Pure text, CSS only, font independent, inline loading indicators
Stars: ✭ 2,728 (+7078.95%)
Mutual labels:  loader, spinner, loading-animations
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (+568.42%)
Mutual labels:  loader, spinner, loading-spinner
Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (+234.21%)
Mutual labels:  loader, spinner, indicator
React Epic Spinners
Reusable react components for epic-spinners
Stars: ✭ 280 (+636.84%)
Mutual labels:  spinner, loading-animations, loading-spinner
Epic Spinners
Easy to use css spinners collection with Vue.js integration
Stars: ✭ 3,548 (+9236.84%)
Mutual labels:  spinner, loading-animations, loading-spinner
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-2.63%)
Mutual labels:  loader, loading-animations, loading-spinner
busy-load
A flexible loading-mask jQuery-plugin
Stars: ✭ 76 (+100%)
Mutual labels:  loader, spinner, loading-spinner
material-circular-loader
Material Circular Loader in SCSS like a boss. Demo: http://codepen.io/YuRen/details/KdKKax
Stars: ✭ 13 (-65.79%)
Mutual labels:  loader, spinner, loading-spinner
Vue Loading Overlay
Vue.js component for full screen loading indicator 🌀
Stars: ✭ 784 (+1963.16%)
Mutual labels:  loader, spinner, indicator
Csspin
CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner
Stars: ✭ 1,019 (+2581.58%)
Mutual labels:  loader, spinner
Ybhud
A simple Hud with DGActivityIndicatorView
Stars: ✭ 81 (+113.16%)
Mutual labels:  loader, loading-animations
Css Spinner
small, elegant pure css spinner for ajax or loading animation
Stars: ✭ 1,013 (+2565.79%)
Mutual labels:  loader, spinner
Funnyloader
Loading indicator for android with over 200 random messages
Stars: ✭ 77 (+102.63%)
Mutual labels:  loader, indicator
Nvactivityindicatorview
A collection of awesome loading animations
Stars: ✭ 10,031 (+26297.37%)
Mutual labels:  loader, loading-animations
Aframe Preloader Component
A preloading bar that automatically displays while scene assets load.
Stars: ✭ 27 (-28.95%)
Mutual labels:  loader, spinner
Materialactivityindicator
Material Activity Indicator
Stars: ✭ 109 (+186.84%)
Mutual labels:  loader, spinner

Latest Version on Packagist Total Downloads

Laravel Loading Indicator

Introduction

Laravel package to add loading indicator to pages while page is loading. Loading indicator is automatically removed after page has fully loaded.

Behind the scene, middleware is used to inject needed HTML/CSS/JS before </body> tag to show and hide the loading indicator accordingly.

Loading indicators are via to awesome CSSPIN project.

Requirements

  • PHP >= 7
  • Laravel 5

Installation

Install via composer

composer require sarfraznawaz2005/loading

For Laravel < 5.5:

Add Service Provider to config/app.php in providers section

Sarfraznawaz2005\Loading\ServiceProvider::class,

Publish package's config file by running below command:

$ php artisan vendor:publish --provider="Sarfraznawaz2005\Loading\ServiceProvider"

It should publish config/loading.php config file.

Usage

Simply add to \Sarfraznawaz2005\Loading\Http\Middleware\LoadingMiddleware::class to app/Http/Kernel.php either in global middleware section or route section.

Add in global section if you want loading indicator on all pages automatically or add it to route middleware section if you want to add indictor to certain pages only via middleware method in routes.

Visit any page and you should see loading indicator at middle of the page while page is loading.

Check config file for options.

Credits

License

Please see the license file for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].