{"id":13533316,"url":"https://bondz.github.io/react-epic-spinners/","last_synced_at":"2025-04-01T21:32:09.730Z","repository":{"id":28345951,"uuid":"118123210","full_name":"bondz/react-epic-spinners","owner":"bondz","description":"Reusable react components for epic-spinners ","archived":false,"fork":false,"pushed_at":"2023-01-06T01:57:19.000Z","size":1145,"stargazers_count":335,"open_issues_count":12,"forks_count":22,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-09-19T04:08:36.444Z","etag":null,"topics":["animations","css-spinners","epic-spinners","javascript","loading-animations","loading-spinner","react","spinner"],"latest_commit_sha":null,"homepage":"https://bondz.github.io/react-epic-spinners/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bondz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":"bondz","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://paystack.com/pay/bondz"]}},"created_at":"2018-01-19T12:34:26.000Z","updated_at":"2024-08-18T17:02:33.000Z","dependencies_parsed_at":"2023-01-14T08:40:05.453Z","dependency_job_id":null,"html_url":"https://github.com/bondz/react-epic-spinners","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bondz%2Freact-epic-spinners","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bondz%2Freact-epic-spinners/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bondz%2Freact-epic-spinners/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bondz%2Freact-epic-spinners/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bondz","download_url":"https://codeload.github.com/bondz/react-epic-spinners/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246713333,"owners_count":20821874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animations","css-spinners","epic-spinners","javascript","loading-animations","loading-spinner","react","spinner"],"created_at":"2024-08-01T07:01:18.677Z","updated_at":"2025-04-01T21:32:09.408Z","avatar_url":"https://github.com/bondz.png","language":"JavaScript","funding_links":["https://patreon.com/bondz","https://paystack.com/pay/bondz"],"categories":["React"],"sub_categories":["Special use case libraries"],"readme":"# React Epic Spinners\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react-epic-spinners\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/react-epic-spinners.svg\" alt=\"npm version\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/bondz/react-epic-spinners/blob/master/LICENSE.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/react-epic-spinners.svg\" alt=\"license\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://snyk.io/test/github/bondz/react-epic-spinners\"\u003e\n    \u003cimg src=\"https://snyk.io/test/github/bondz/react-epic-spinners/badge.svg\" alt=\"Vulnerability status\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nThis library is the React implementation of Vue [epic-spinners](http://epic-spinners.epicmax.co/) by [EpicMax](https://github.com/epicmaxco/epic-spinners)\n\n[Epic Spinners with Bit](https://bitsrc.io/bondz/react-epic-spinners) - Disocver, play and install spinners.\n![scope preview](https://storage.googleapis.com/bit-assets/epic_spinners.png)\n## Installation\n\nUsing NPM\n\n```bash\nnpm install react-epic-spinners\n```\n\nOr Yarn\n\n```bash\nyarn add react-epic-spinners\n```\n\n## Demo\n\nAn online demo is available [here](https://bondz.github.io/react-epic-spinners/)\n\n## Usage\n\nAll components accept the following props\n\n* `size` `[number]`: (optional) specifies how large the spinner should be rendered\n* `color` `[string]`: (optional) defaults to `#fff`. Specifies the color of the spinner.\n* `animationDelay` `[number]`: (optional) specifies the timing of the spinner animation. Lower numbers mean the animations restart faster.\n* `className` `[string]`: (optional) add any additional class you want to the component\n* `style` `[object]`: (optional) a react component style object to additionally style the component\n\n### Examples\n\n```jsx\nimport { AtomSpinner } from 'react-epic-spinners'\n\n// In your render function or SFC return\n\u003cAtomSpinner color=\"red\"\u003e\n```\n\n## Components\n\n\u003e All components are named exports of the package.\n\n```jsx\nimport { ... } from 'react-epic-spinners'\n```\n\n* [AtomSpinner](/src/components/AtomSpinner.js)\n* [BreedingRhombusSpinner](/src/components/BreedingRhombusSpinner.js)\n* [CirclesToRhombusesSpinner](/src/components/CirclesToRhombusesSpinner.js)\n* [FingerprintSpinner](/src/components/FingerprintSpinner.js)\n* [FlowerSpinner](/src/components/FlowerSpinner.js)\n* [FulfillingBouncingCircleSpinner](/src/components/FulfillingBouncingCircleSpinner.js)\n* [FulfillingSquareSpinner](/src/components/FulfillingSquareSpinner.js)\n* [HalfCircleSpinner](/src/components/HalfCircleSpinner.js)\n* [HollowDotsSpinner](/src/components/HollowDotsSpinner.js)\n* [IntersectingCirclesSpinner](/src/components/IntersectingCirclesSpinner.js)\n* [LoopingRhombusesSpinner](/src/components/LoopingRhombusesSpinner.js)\n* [OrbitSpinner](/src/components/OrbitSpinner.js)\n* [PixelSpinner](/src/components/PixelSpinner.js)\n* [RadarSpinner](/src/components/RadarSpinner.js)\n* [ScalingSquaresSpinner](/src/components/ScalingSquaresSpinner.js)\n* [SelfBuildingSquareSpinner](/src/components/SelfBuildingSquareSpinner.js)\n* [SemipolarSpinner](/src/components/SemipolarSpinner.js)\n* [SpringSpinner](/src/components/SpringSpinner.js)\n* [SwappingSquaresSpinner](/src/components/SwappingSquaresSpinner.js)\n* [TrinityRingsSpinner](/src/components/TrinityRingsSpinner.js)\n\n### Known Issues\n\nBecause of some bugs with `flexbox` on Firefox, the following components may not render properly\n\n* ScalingSquaresSpinner\n* SwappingSquaresSpinner\n* TrinityRingsSpinner\n\nIf you know a fix for it, please send a PR :)\n\n## License\n\n[MIT](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/bondz.github.io%2Freact-epic-spinners%2F","html_url":"https://awesome.ecosyste.ms/projects/bondz.github.io%2Freact-epic-spinners%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/bondz.github.io%2Freact-epic-spinners%2F/lists"}