jkchao / Vue Loading
😄 vue-loading 😊
Stars: ✭ 445
Projects that are alternatives of or similar to Vue Loading
Ngx Ui Loader
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Stars: ✭ 368 (-17.3%)
Mutual labels: loading
Uiwidget
一个集成TabLayout、UIAlertDialog、UIActionSheetDialog、UIProgressDialog、TitleBarView(自带沉浸式标题栏)、CollapsingTitleBarLayout、RadiusView(圆角及状态背景设置View解放shape文件)、KeyboardHelper(软键盘控制及遮挡控制类)、StatusViewHelper(状态栏沉浸帮助类)、NavigationViewHelper(导航栏沉浸式帮助类)、AlphaViewHelper(View透明度控制帮助类) 等项目常用UI库
Stars: ✭ 400 (-10.11%)
Mutual labels: loading
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (-32.13%)
Mutual labels: loading
Ssspinnerbutton
Forget about typical stereotypic loading, It's time to change. SSSpinnerButton is an elegant button with a diffrent spinner animations.
Stars: ✭ 357 (-19.78%)
Mutual labels: loading
React Top Loading Bar
A very simple, highly customisable youtube-like react loader component.
Stars: ✭ 367 (-17.53%)
Mutual labels: loading
Rsup Progress
❤️ A simple progress bar with promises support
Stars: ✭ 290 (-34.83%)
Mutual labels: loading
Picassopalette
Android Lollipop Palette is now easy to use with Picasso !
Stars: ✭ 366 (-17.75%)
Mutual labels: loading
Materialimageloading
Material image loading implementation
Stars: ✭ 396 (-11.01%)
Mutual labels: loading
Hgrippleradarview
A beautiful radar view to show nearby items (users, restaurants, ...) with ripple animation, fully customizable
Stars: ✭ 309 (-30.56%)
Mutual labels: loading
Jquery Loading
Easily add and manipulate loading states of any element on the page.
Stars: ✭ 321 (-27.87%)
Mutual labels: loading
Ng2 Slim Loading Bar
Angular 2 component shows slim loading bar at the top of the page.
Stars: ✭ 376 (-15.51%)
Mutual labels: loading
Loading Bar
Flexible, light weighted and super fast Progress Bar Library
Stars: ✭ 300 (-32.58%)
Mutual labels: loading
Multistatepage
Android APP缺省页的正确打开方式 高度解耦、低侵入、易拓展 多状态视图状态切换器
Stars: ✭ 433 (-2.7%)
Mutual labels: loading
Knphotobrowser
📷 图片 || 视频 浏览器(本地和网络) , UIViewController + CollectionView , 完美适配 iPhone 以及 iPad ,屏幕旋转功能 , 适配SDWebImage 5.0
Stars: ✭ 296 (-33.48%)
Mutual labels: loading
Stateviews
Create & Show progress, data or error views, the easy way!
Stars: ✭ 367 (-17.53%)
Mutual labels: loading
Godot Gametemplate
Template with all necessary stuff taken care, just create your games main features.
Stars: ✭ 435 (-2.25%)
Mutual labels: loading
React Native Blurhash
🖼️ A library to show colorful blurry placeholders while your content loads.
Stars: ✭ 430 (-3.37%)
Mutual labels: loading
Rsloadingview
Awesome loading animations using 3D engine written with Swift
Stars: ✭ 388 (-12.81%)
Mutual labels: loading
vue-loading-template
Use SVG for loading.
Demo: https://jkchao.github.io/vue-loading/
Start
npm install vue-loading-template --save
Options
Prop | Type | Required | Default | Available values |
---|---|---|---|---|
type | String | false | balls | balls, bars, beat, bubbles, cylon, spin, spiningDubbles, barsCylon |
color | String | false | #5ac1dd | |
size | Object | false | { width: '30px', height: '30px' } |
Example in SPA
<template>
<div>
<h2>bars</h2>
<vue-loading type="bars" color="#d9544e" :size="{ width: '50px', height: '50px' }"></vue-loading>
</div>
</template>
<script>
import { VueLoading } from 'vue-loading-template'
export default {
name: 'app',
components: {
VueLoading
}
}
</script>
Or you can install it in your main.js
// main.js
import Vue from 'vue'
import VueLoading from 'vue-loading-template'
Vue.use(VueLoading, /** options **/)
If you use it in TypeScript, you can:
// main.ts
import Vue from 'vue'
import vueLoading, { VueLoadingOptions } from 'vue-loading-template'
Vue.use<VueLoadingOptions>(VueLoading, /** options **/)
so, you will receive the tip about optional options.
License
MIT
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].