GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects â†’ TonPC64 â†’ Vue Spinkit

TonPC64 / Vue Spinkit

Licence: mit
🌀 A collection of loading indicators animated with CSS for VueJS

Labels

cssvuevue-componentsloading-animationsloading-spinner

Projects that are alternatives of or similar to Vue Spinkit

Epic Spinners
Easy to use css spinners collection with Vue.js integration
Stars: ✭ 3,548 (+3279.05%)
Mutual labels:  vue-components, loading-animations, loading-spinner
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (-63.81%)
Mutual labels:  loading-animations, loading-spinner
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (-15.24%)
Mutual labels:  loading-animations, loading-spinner
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (+0%)
Mutual labels:  loading-animations, loading-spinner
Better React Spinkit
A collection of loading indicators for React
Stars: ✭ 174 (+65.71%)
Mutual labels:  loading-animations, loading-spinner
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-64.76%)
Mutual labels:  loading-animations, loading-spinner
FlutterLoadingGIFs
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Stars: ✭ 28 (-73.33%)
Mutual labels:  loading-animations, loading-spinner
react-loading-icons
A TypeScript-React edition of Sam Herbert's amazing SVG Loaders.
Stars: ✭ 32 (-69.52%)
Mutual labels:  loading-animations, loading-spinner
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+637.14%)
Mutual labels:  loading-animations, loading-spinner
React Epic Spinners
Reusable react components for epic-spinners
Stars: ✭ 280 (+166.67%)
Mutual labels:  loading-animations, loading-spinner
Loading indicator view
A collection of awesome flutter loading animation
Stars: ✭ 83 (-20.95%)
Mutual labels:  loading-animations, loading-spinner
Iprogresshud
An elegant, lightweight and responsive progress HUD for iOS app with very simple usage. Available 32 indicators by NVActivityIndicatorView.
Stars: ✭ 66 (-37.14%)
Mutual labels:  loading-animations, loading-spinner
Thinkingfaces
Collection of animated spinners and bouncers for iOS 🌠
Stars: ✭ 68 (-35.24%)
Mutual labels:  loading-animations, loading-spinner
Ybhud
A simple Hud with DGActivityIndicatorView
Stars: ✭ 81 (-22.86%)
Mutual labels:  loading-animations
Vue Multi Select
This component gives you a multi/single select with the power of Vuejs components.
Stars: ✭ 92 (-12.38%)
Mutual labels:  vue-components
Shimmerlayout
Memory efficient, simple yet highly customizable shimmer effect for Android.
Stars: ✭ 81 (-22.86%)
Mutual labels:  loading-animations
Vue Particles
Vue.js component for particles backgrounds ✹
Stars: ✭ 1,220 (+1061.9%)
Mutual labels:  vue-components
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择噚组件,3D滚蜮
Stars: ✭ 101 (-3.81%)
Mutual labels:  vue-components
Nextcloud Vue
🍱 Vue.js components for Nextcloud app development ✌
Stars: ✭ 89 (-15.24%)
Mutual labels:  vue-components
Vue C3
vue-c3 is a reusable vue component for c3 charts
Stars: ✭ 76 (-27.62%)
Mutual labels:  vue-components
View All Similar Projects ➔

vue-spinkit

A collection of loading indicators animated with CSS for VueJS

Language License NPM Package NPM Downloads Build Status

Inspiration

DEMO

Installation

# use yarn
yarn add vue-spinkit
# use npm
npm install --save vue-spinkit

How to use

import Vue from 'vue'
import Spinner from 'vue-spinkit'

Vue.component('Spinner', Spinner)

In file vue

<Spinner name="circle" color="red"/>

Props

Name Type Default Description
name string 'three-bounce' specify spinner to use (defaults to line-scale-pulse-out-rapid).
color string programmatically set the color of the spinners; this can either be a hex value or a color word.
noFadeIn boolean false set use fade in
fadeIn string 'full' set the time before the spinner fades in. Have 'full', 'half' and 'quarter'
className string add a custom classname to the outer div
width string set width of spinner
height string set heght of spinner
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].