Atomic-spinner NPM | npm.io

1.3.13 • Published 4 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

4 months ago

atomic-spinner

Customizable React loading spinner that looks like an atom

Live Demo

https://bayer-group.github.io/atomic-spinner/

Examples

example-atom-1 example-atom-2

Installation

npm i atomic-spinner

yarn add atomic-spinner

pnpm i atomic-spinner

Usage

import AtomicSpinner from 'atomic-spinner'

const App = () => <AtomicSpinner />

export default App

Options

prop	type	default
atomSize	number	200
displayElectronPaths	bool	false
displayNucleus	bool	false
electronColorPalette	string[]	'#0081C9', '#5BC0F8', '#86E5FF'
electronPathCount	number	3
electronPathColor	string	#707070
electronPathWidth	number	0.5
electronsPerPath	number	2
electronSize	number	1.5
electronSpeed	number	0.5
nucleusDistanceFromCenter	number	2.5
nucleusLayerCount	number	2
nucleusParticlesPerLayer	number	3
nucleusParticleFillColor	string	#707070
nucleusParticleBorderColor	string	#999999
nucleusParticleBorderWidth	number	0.3
nucleusParticleSize	number	2.5
nucleusSpeed	number	2
nucleusMaskOverlap	bool	true

atomic atom chemistry loader loading spinner npm package react typescript

@infinitebrahmanuniverse/nolb-ato @everything-registry/sub-chunk-1179

4 months ago

5 months ago

5 months ago

5 months ago

6 months ago

8 months ago

10 months ago

10 months ago

10 months ago

12 months ago

12 months ago

12 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago