bondz / React Epic Spinners
Licence: mit
Reusable react components for epic-spinners
Stars: ✭ 280
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Epic Spinners
Epic Spinners
Easy to use css spinners collection with Vue.js integration
Stars: ✭ 3,548 (+1167.14%)
Mutual labels: animations, spinner, loading-animations, loading-spinner
Elixir cli spinners
Spinnig Animations for Command Line Applications
Stars: ✭ 117 (-58.21%)
Mutual labels: animations, spinner, loading-animations
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (-68.21%)
Mutual labels: spinner, 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 (-90%)
Mutual labels: animations, loading-animations, loading-spinner
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (-86.43%)
Mutual labels: spinner, loading-animations, loading-spinner
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (-62.5%)
Mutual labels: spinner, loading-animations, loading-spinner
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-86.79%)
Mutual labels: animations, loading-animations, loading-spinner
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+176.43%)
Mutual labels: spinner, loading-animations, loading-spinner
Loading Animations
A Flutter package with a selection of simple yet very customizable set of loading animations.
Stars: ✭ 147 (-47.5%)
Mutual labels: animations, loading-animations
Text Spinners
Pure text, CSS only, font independent, inline loading indicators
Stars: ✭ 2,728 (+874.29%)
Mutual labels: spinner, loading-animations
Alive Progress
A new kind of Progress Bar, with real-time throughput, ETA, and very cool animations!
Stars: ✭ 2,940 (+950%)
Mutual labels: animations, spinner
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (-9.29%)
Mutual labels: spinner, loading-spinner
react-bones
💀 Dead simple content loading components for React and React-Native. 💀
Stars: ✭ 42 (-85%)
Mutual labels: animations, loading-animations
Xamarin.iOS.DGActivityIndicatorView
🔰 DGActivityIndicatorView is a collection of nice loading animations for Xamarin.iOS.
Stars: ✭ 28 (-90%)
Mutual labels: animations, loading-animations
react-loading-icons
A TypeScript-React edition of Sam Herbert's amazing SVG Loaders.
Stars: ✭ 32 (-88.57%)
Mutual labels: loading-animations, loading-spinner
cpp-indicators
A very simple, easy-to-use, and single-header-only C++ library for console based indicators (loading spinners)
Stars: ✭ 13 (-95.36%)
Mutual labels: spinner, loading-spinner
busy-load
A flexible loading-mask jQuery-plugin
Stars: ✭ 76 (-72.86%)
Mutual labels: spinner, loading-spinner
Ng4 Loading Spinner
Angular 4 custom async loading spinner.
Stars: ✭ 74 (-73.57%)
Mutual labels: spinner, loading-spinner
spinnies
Node.js module to create and manage multiple spinners in command-line interface programs
Stars: ✭ 111 (-60.36%)
Mutual labels: spinner, loading-spinner
React Epic Spinners
This library is the React implementation of Vue epic-spinners by EpicMax
Epic Spinners with Bit - Disocver, play and install spinners.
Installation
Using NPM
npm install react-epic-spinners
Or Yarn
yarn add react-epic-spinners
Demo
An online demo is available here
Usage
All components accept the following props
-
size
[number]
: (optional) specifies how large the spinner should be rendered -
color
[string]
: (optional) defaults to#fff
. Specifies the color of the spinner. -
animationDelay
[number]
: (optional) specifies the timing of the spinner animation. Lower numbers mean the animations restart faster. -
className
[string]
: (optional) add any additional class you want to the component -
style
[object]
: (optional) a react component style object to additionally style the component
Examples
import { AtomSpinner } from 'react-epic-spinners'
// In your render function or SFC return
<AtomSpinner color="red">
Components
All components are named exports of the package.
import { ... } from 'react-epic-spinners'
- AtomSpinner
- BreedingRhombusSpinner
- CirclesToRhombusesSpinner
- FingerprintSpinner
- FlowerSpinner
- FulfillingBouncingCircleSpinner
- FulfillingSquareSpinner
- HalfCircleSpinner
- HollowDotsSpinner
- IntersectingCirclesSpinner
- LoopingRhombusesSpinner
- OrbitSpinner
- PixelSpinner
- RadarSpinner
- ScalingSquaresSpinner
- SelfBuildingSquareSpinner
- SemipolarSpinner
- SpringSpinner
- SwappingSquaresSpinner
- TrinityRingsSpinner
Known Issues
Because of some bugs with flexbox
on Firefox, the following components may not render properly
- ScalingSquaresSpinner
- SwappingSquaresSpinner
- TrinityRingsSpinner
If you know a fix for it, please send a PR :)
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].