MCPcopy Index your code
hub / github.com/akameco/styled-spinkit

github.com/akameco/styled-spinkit @v1.1.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v1.1.0 ↗ · + Follow
36 symbols 114 edges 41 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

styled-spinkit

Build Status tested with jest styled with prettier MIT License All Contributors

Simple animation loading components with styled-components

https://gyazo.com/9fdf10c73edd16495a854b199e8f9ee0

See React Storybook Demo

See Bit components collection

Inspired by SpinKit.

Install

$ yarn add styled-spinkit

or

$ npm install --save styled-spinkit

API

Components

  • <ChasingDots/>
  • <Circle/>
  • <CubeGrid/>
  • <Pulse/>
  • <FadingCircle/>
  • <ThreeBounce/>
  • <FoldingCube/>
  • <WanderingCubes/>
  • <WaveLoading/>
  • <DoubleBounce/>
  • <RotaingPlane/>

Props

Prop Type Default
color string #333
size number 40

Contributors

Thanks goes to these wonderful people (emoji key):

akameco akameco 💻 📖 ⚠️ 🚇jrusx jrusx 💻 🐛Bap ☺ Bap ☺ 💻KagXaef KagXaef 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT © akameco

Extension points exported contracts — how you extend this code

SpinkitProps (Interface)
(no doc)
src/types.ts
StyledWaveProps (Interface)
(no doc)
src/WaveLoading/styles.tsx
SizeProps (Interface)
(no doc)
src/util/index.tsx
Props (Interface)
(no doc)
src/RotaingPlane/styles.tsx
BgColorProps (Interface)
(no doc)
src/util/index.tsx
MarginProps (Interface)
(no doc)
src/util/index.tsx
DelayProps (Interface)
(no doc)
src/util/index.tsx

Core symbols most depended-on inside this repo

roundTo
called by 12
src/util/index.tsx
size
called by 12
src/util/index.tsx
animationDelay
called by 3
src/util/index.tsx
getRange
called by 3
src/util/index.tsx
sizePx
called by 2
src/util/index.tsx
buildCjs
called by 1
rollup.config.js
randomColor
called by 1
example/index.tsx
createAnim
called by 1
src/WanderingCubes/styles.tsx

Shape

Function 29
Interface 7

Languages

TypeScript100%

Modules by API surface

src/util/index.tsx13 symbols
example/index.tsx6 symbols
rollup.config.js2 symbols
src/types.ts1 symbols
src/WaveLoading/styles.tsx1 symbols
src/WaveLoading/index.tsx1 symbols
src/WanderingCubes/styles.tsx1 symbols
src/WanderingCubes/index.tsx1 symbols
src/ThreeBounce/index.tsx1 symbols
src/RotaingPlane/styles.tsx1 symbols
src/RotaingPlane/index.tsx1 symbols
src/Pulse/index.tsx1 symbols

For agents

$ claude mcp add styled-spinkit \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page