bentatum / Better React Spinkit
Licence: other
A collection of loading indicators for React
Stars: ✭ 174
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Better React Spinkit
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (-78.16%)
Mutual labels: loading-animations, loading-spinner
Vue Spinkit
🌀 A collection of loading indicators animated with CSS for VueJS
Stars: ✭ 105 (-39.66%)
Mutual labels: loading-animations, loading-spinner
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-78.74%)
Mutual labels: loading-animations, loading-spinner
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (-48.85%)
Mutual labels: loading-animations, loading-spinner
Epic Spinners
Easy to use css spinners collection with Vue.js integration
Stars: ✭ 3,548 (+1939.08%)
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 (-83.91%)
Mutual labels: loading-animations, loading-spinner
Thinkingfaces
Collection of animated spinners and bouncers for iOS 🌠
Stars: ✭ 68 (-60.92%)
Mutual labels: loading-animations, loading-spinner
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (-39.66%)
Mutual labels: loading-animations, loading-spinner
React Epic Spinners
Reusable react components for epic-spinners
Stars: ✭ 280 (+60.92%)
Mutual labels: loading-animations, loading-spinner
react-loading-icons
A TypeScript-React edition of Sam Herbert's amazing SVG Loaders.
Stars: ✭ 32 (-81.61%)
Mutual labels: loading-animations, loading-spinner
Loading indicator view
A collection of awesome flutter loading animation
Stars: ✭ 83 (-52.3%)
Mutual labels: loading-animations, loading-spinner
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+344.83%)
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 (-62.07%)
Mutual labels: loading-animations, loading-spinner
Shimmerlayout
Memory efficient, simple yet highly customizable shimmer effect for Android.
Stars: ✭ 81 (-53.45%)
Mutual labels: loading-animations
Skeletonview
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
Stars: ✭ 10,804 (+6109.2%)
Mutual labels: loading-animations
Svg Loaders React
React adaptation of the SVG Loaders library by Sam Herbert
Stars: ✭ 75 (-56.9%)
Mutual labels: loading-animations
Ng4 Loading Spinner
Angular 4 custom async loading spinner.
Stars: ✭ 74 (-57.47%)
Mutual labels: loading-spinner
Loading Animations
A Flutter package with a selection of simple yet very customizable set of loading animations.
Stars: ✭ 147 (-15.52%)
Mutual labels: loading-animations
Indicators
Activity Indicators for Modern C++
Stars: ✭ 1,838 (+956.32%)
Mutual labels: loading-animations
Chompprogressview
A (semi) realistic chomping progress view that takes bites out of your delicious images! Nom! Nom!
Stars: ✭ 71 (-59.2%)
Mutual labels: loading-animations
better-react-spinkit
A collection of loading indicators animated with CSS, powered by React.
Donate
BTC: 33dgdBhV1Yf5ERKLLKS7ztEAEEx3zTvSkw
ETH: 0xa6938ead6d6820377fed78b657e4eb6c5c44d1b3
Install
npm i better-react-spinkit
Usage
import {
ChasingDots,
Circle,
CubeGrid,
DoubleBounce,
FadingCircle,
FoldingCube,
Pulse,
RotatingPlane,
ThreeBounce,
WanderingCubes,
Wave
} from 'better-react-spinkit'
// somewhere in a render function ...
<Circle />
Context Configuration
Optionally, you can configure size and color props in context to avoid managing configuration on each instance.
import { default as React, Component, PropTypes } from 'react'
import { ThreeBounce } from 'better-react-spinkit'
class Application extends Component {
static childContextTypes = {
betterReactSpinkit: PropTypes.object
};
getChildContext () {
return {
betterReactSpinkit: {
color: 'green',
size: 25
}
}
}
render () {
// Inline props override the contextual settings.
return (
<ThreeBounce size={15} color='blue' />
)
}
}
Contributing
Contributions welcome! Please read the contributing guidelines first.
License
Documentation
👀 docs
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].