fakiolinho / React Loading
React component for loading animations
Stars: ✭ 652
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Loading
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (-83.9%)
Mutual labels: loading-animations
VKProgressHud
Hey All! As it is obvious from the GIF, this project is a LoadingIndicator based on CoreAnimation.
Stars: ✭ 30 (-95.4%)
Mutual labels: loading-animations
Jparticles
A concise, lightweight, and efficient Canvas library for building some cool particle effects.
Stars: ✭ 350 (-46.32%)
Mutual labels: loading-animations
favicon-canvas-loader
Create and display a circular loading <canvas> animation as a webpage favicon.
Stars: ✭ 83 (-87.27%)
Mutual labels: loading-animations
Ngx Skeleton Loader
Make beautiful, animated loading skeletons that automatically adapt to your Angular apps
Stars: ✭ 278 (-57.36%)
Mutual labels: loading-animations
Gradientloadingbar
⌛️A customizable animated gradient loading bar.
Stars: ✭ 569 (-12.73%)
Mutual labels: loading-animations
ProgressLottieIGB
Manager of progress using Lottie JSON, compatible for Java and Kotlin.
Stars: ✭ 21 (-96.78%)
Mutual labels: loading-animations
Epic Spinners
Easy to use css spinners collection with Vue.js integration
Stars: ✭ 3,548 (+444.17%)
Mutual labels: loading-animations
Xamarin.Android.AVLoadingIndicatorView
🔰 AVLoadingIndicatorView is a collection of nice loading animations for Xamarin.Android.
Stars: ✭ 26 (-96.01%)
Mutual labels: loading-animations
react-loading-icons
A TypeScript-React edition of Sam Herbert's amazing SVG Loaders.
Stars: ✭ 32 (-95.09%)
Mutual labels: loading-animations
Rsloadingview
Awesome loading animations using 3D engine written with Swift
Stars: ✭ 388 (-40.49%)
Mutual labels: loading-animations
SwiftUI-DesignCode
SwiftUI-DesignCode is some examples in the process of learning swiftUI 2.0
Stars: ✭ 185 (-71.63%)
Mutual labels: loading-animations
React Epic Spinners
Reusable react components for epic-spinners
Stars: ✭ 280 (-57.06%)
Mutual labels: loading-animations
Skeleton
💀 An easy way to create sliding CAGradientLayer animations! Works great for creating skeleton screens for loading content.
Stars: ✭ 587 (-9.97%)
Mutual labels: loading-animations
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (-53.68%)
Mutual labels: loading-animations
react-loading
Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project.
Installation
npm i react-loading
or
yarn add react-loading
Demo
Check here
Loading Types
- blank
- balls
- bars
- bubbles
- cubes
- cylon
- spin
- spinningBubbles
- spokes
Examples
import React from 'react';
import ReactLoading from 'react-loading';
const Example = ({ type, color }) => (
<ReactLoading type={type} color={color} height={667} width={375} />
);
export default Example;
import React from 'react';
import ReactLoading from 'react-loading';
const Example = ({ type, color }) => (
<ReactLoading type={type} color={color} height={'20%'} width={'20%'} />
);
export default Example;
Props
Name | Type | Default Value |
---|---|---|
type | String | balls |
color | String | #ffffff |
delay | Number | 0 (msecs) |
height | Number or String | 64 (px) |
width | Number or String | 64 (px) |
className | String | '' |
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].