All Projects → jxnblk → Respin

jxnblk / Respin

React SVG loading spinner based on jxnblk.com/loading

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Respin

Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (+1109.52%)
Mutual labels:  svg, spinner, loading-spinner
cpp-indicators
A very simple, easy-to-use, and single-header-only C++ library for console based indicators (loading spinners)
Stars: ✭ 13 (-38.1%)
Mutual labels:  spinner, loading-spinner
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (+400%)
Mutual labels:  spinner, loading-spinner
React Epic Spinners
Reusable react components for epic-spinners
Stars: ✭ 280 (+1233.33%)
Mutual labels:  spinner, loading-spinner
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (+323.81%)
Mutual labels:  spinner, loading-spinner
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (+80.95%)
Mutual labels:  spinner, loading-spinner
material-circular-loader
Material Circular Loader in SCSS like a boss. Demo: http://codepen.io/YuRen/details/KdKKax
Stars: ✭ 13 (-38.1%)
Mutual labels:  spinner, loading-spinner
Vue Calendar Heatmap
A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
Stars: ✭ 120 (+471.43%)
Mutual labels:  svg, component
Epic Spinners
Easy to use css spinners collection with Vue.js integration
Stars: ✭ 3,548 (+16795.24%)
Mutual labels:  spinner, loading-spinner
Vue Simple Spinner
A simple, flexible spinner for Vue.js
Stars: ✭ 385 (+1733.33%)
Mutual labels:  component, spinner
Ngx Spinner
A library for loading spinner for Angular 4/5/6/7/8/9/10.
Stars: ✭ 545 (+2495.24%)
Mutual labels:  spinner, loading-spinner
React Circle
Renders a svg circle + progress, it just works 💘
Stars: ✭ 925 (+4304.76%)
Mutual labels:  svg, spinner
Vue Content Loader
SVG component to create placeholder loading, like Facebook cards loading.
Stars: ✭ 2,790 (+13185.71%)
Mutual labels:  svg, component
spinnies
Node.js module to create and manage multiple spinners in command-line interface programs
Stars: ✭ 111 (+428.57%)
Mutual labels:  spinner, loading-spinner
React Svg Map
A set of React.js components to display an interactive SVG map
Stars: ✭ 150 (+614.29%)
Mutual labels:  svg, component
busy-load
A flexible loading-mask jQuery-plugin
Stars: ✭ 76 (+261.9%)
Mutual labels:  spinner, loading-spinner
Vue Svg Map
A set of Vue.js components to display an interactive SVG map
Stars: ✭ 48 (+128.57%)
Mutual labels:  svg, component
Any Ui
❄️ 一个移动端组件库
Stars: ✭ 58 (+176.19%)
Mutual labels:  svg, component
Vue Progress Path
Progress bars and loading indicators for Vue.js
Stars: ✭ 309 (+1371.43%)
Mutual labels:  spinner, loading-spinner
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+3585.71%)
Mutual labels:  spinner, loading-spinner

Respin

React SVG loading spinner based on jxnblk.com/loading

npm i respin
const React = require('react')
const Spinner = require('respin')

const MyComponent = props => (
  <div>
    <Spinner /> Loading...
  </div>
)

Props

  • size = 16 - (number) - width and height in pixels
  • duration = 1000 - (number) - duration of animation in milliseconds
  • spokes = 8 - (number) - number of spokes in spinner

Respin passes all other props to the root <svg> element.

MIT License

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].