{"id":305142,"url":"https://github.com/epicmaxco/epic-spinners","last_synced_at":"2026-10-18T20:35:03.210Z","repository":{"id":37333809,"uuid":"113158574","full_name":"epicmaxco/epic-spinners","owner":"epicmaxco","description":"Easy to use css spinners collection with Vue.js integration","archived":false,"fork":false,"pushed_at":"2024-09-05T12:22:24.000Z","size":1472,"stargazers_count":3912,"open_issues_count":8,"forks_count":353,"subscribers_count":54,"default_branch":"master","last_synced_at":"2026-10-15T03:31:09.471Z","etag":null,"topics":["animations","css","css-animations","css-loaders","css-spinners-collection","gallery","html","javascript","loading-animations","loading-screen","loading-spinner","spinner","vue","vue-components","vue-spinner-component"],"latest_commit_sha":null,"homepage":"https://epic-spinners.epicmax.co","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/epicmaxco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-05T09:05:15.000Z","updated_at":"2026-10-13T18:44:03.000Z","dependencies_parsed_at":"2023-02-16T06:30:42.273Z","dependency_job_id":"376fdf6d-92cc-42f5-8f96-522785e6c3b0","html_url":"https://github.com/epicmaxco/epic-spinners","commit_stats":{"total_commits":105,"total_committers":15,"mean_commits":7.0,"dds":0.2666666666666667,"last_synced_commit":"16c5584a6f1be99df144b2e8bcbd575d0febf479"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/epicmaxco/epic-spinners","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/epicmaxco%2Fepic-spinners","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/epicmaxco%2Fepic-spinners/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/epicmaxco%2Fepic-spinners/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/epicmaxco%2Fepic-spinners/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/epicmaxco","download_url":"https://codeload.github.com/epicmaxco/epic-spinners/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/epicmaxco%2Fepic-spinners/sbom","scorecard":{"id":379018,"data":{"date":"2025-08-11","repo":{"name":"github.com/epicmaxco/epic-spinners","commit":"3a4dda1d72fbeb2da9ac75bdd53df948e9c3f869"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.4,"checks":[{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":1,"reason":"Found 4/27 approved changesets -- score normalized to 1","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 14 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"26 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-353f-5xf4-qw67","Warn: Project is vulnerable to: GHSA-c24v-8rfc-w8vw","Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g","Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3","Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx","Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-f9xv-q969-pqx4","Warn: Project is vulnerable to: GHSA-vc8w-jr9v-vj7f","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T14:57:31.948Z","repository_id":37333809,"created_at":"2025-08-18T14:57:31.948Z","updated_at":"2025-08-18T14:57:31.948Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":344794859,"owners_count":38329698,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-10-03T21:59:58.778Z","status":"online","status_checked_at":"2026-10-15T02:00:06.843Z","response_time":105,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","css-animations","css-loaders","css-spinners-collection","gallery","html","javascript","loading-animations","loading-screen","loading-spinner","spinner","vue","vue-components","vue-spinner-component"],"created_at":"2024-01-07T07:56:19.964Z","updated_at":"2026-10-18T20:35:02.880Z","avatar_url":"https://github.com/epicmaxco.png","language":"Vue","funding_links":[],"categories":["Components \u0026 Libraries","Vue","UI Components","UI组件","UI Components [🔝](#readme)"],"sub_categories":["UI Components","Loader","装载机","Progress/ Spinners/ Loaders"],"readme":"# epic-spinners\n\nEasy to use css spinners collection with Vue3.js integration. Developed by [Epicmax](https://epicmax.co/).\n\n\u003c!---\nSubscribe to our [newsletter](https://epicmax.co/newsletter) to get Epic Spinners updates, our team's stories and Vue.js materials hand-picked by Epicmax.\n--\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://epic-spinners.epicmax.co\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://i.imgur.com/RYxUVsM.png\" align=\"center\" width=\"888px\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## What's it all about?\n\nWe've collected and crafted a rich collection of spinners animated with css which are available both as html/css code snippets and easily customizable vue.js components.\n\nSpecial thanks to [@martinvd](https://github.com/martinvd) for his outstanding codepens :)\n\n## Demo \u0026 Documentation\n\n[View demo](http://epic-spinners.epicmax.co) to see vue.js components usage examples and html/css source code\n\n## Installation\n\n```\nnpm install --save epic-spinners\n```\n\n## Usage\n\nVue.js usage example\n\n```ts\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\"\u003e\n    \u003catom-spinner :animation-duration=\"1000\" :size=\"60\" color=\"#ff1d5e\" /\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport { AtomSpinner } from 'epic-spinners'\n\nexport default {\n  components: {\n    AtomSpinner,\n  },\n}\n\u003c/script\u003e\n```\n\nTo use pure html/css version, visit our [gallery](http://epic-spinners.epicmax.co) and click any spinner to see its html/css source code\n\n## Vue.js components list\n\nYou can easily configure spinners size, color and animation speed\n\n```html\n\u003cflower-spinner :animation-duration=\"2500\" :size=\"70\" color=\"#ff1d5e\" /\u003e\n\n\u003cpixel-spinner :animation-duration=\"2000\" :pixel-size=\"70\" color=\"#ff1d5e\" /\u003e\n\n\u003chollow-dots-spinner :animation-duration=\"1000\" :dot-size=\"15\" :dots-num=\"3\" color=\"#ff1d5e\" /\u003e\n\n\u003cintersecting-circles-spinner :animation-duration=\"1200\" :size=\"70\" color=\"#ff1d5e\" /\u003e\n\n\u003corbit-spinner :animation-duration=\"1200\" :size=\"55\" color=\"#ff1d5e\" /\u003e\n\n\u003cradar-spinner :animation-duration=\"2000\" :size=\"60\" color=\"#ff1d5e\" /\u003e\n\n\u003cscaling-squares-spinner :animation-duration=\"1250\" :size=\"65\" color=\"#ff1d5e\" /\u003e\n\n\u003chalf-circle-spinner :animation-duration=\"1000\" :size=\"60\" color=\"#ff1d5e\" /\u003e\n\n\u003ctrinity-rings-spinner :animation-duration=\"1500\" :size=\"66\" color=\"#ff1d5e\" /\u003e\n\n\u003cfulfilling-square-spinner :animation-duration=\"4000\" :size=\"50\" color=\"#ff1d5e\" /\u003e\n\n\u003ccircles-to-rhombuses-spinner\n  :animation-duration=\"1200\"\n  :circles-num=\"3\"\n  :circle-size=\"15\"\n  color=\"#ff1d5e\"\n/\u003e\n\n\u003csemipolar-spinner :animation-duration=\"2000\" :size=\"65\" color=\"#ff1d5e\" /\u003e\n\n\u003cself-building-square-spinner :animation-duration=\"6000\" :size=\"40\" color=\"#ff1d5e\" /\u003e\n\n\u003cswapping-squares-spinner :animation-duration=\"1000\" :size=\"65\" color=\"#ff1d5e\" /\u003e\n\n\u003cfulfilling-bouncing-circle-spinner :animation-duration=\"4000\" :size=\"60\" color=\"#ff1d5e\" /\u003e\n\n\u003cfingerprint-spinner :animation-duration=\"1500\" :size=\"64\" color=\"#ff1d5e\" /\u003e\n\n\u003cspring-spinner :animation-duration=\"3000\" :size=\"60\" color=\"#ff1d5e\" /\u003e\n\n\u003catom-spinner :animation-duration=\"1000\" :size=\"60\" color=\"#ff1d5e\" /\u003e\n\n\u003clooping-rhombuses-spinner :animation-duration=\"2500\" :rhombus-size=\"15\" color=\"#ff1d5e\" /\u003e\n\n\u003cbreeding-rhombus-spinner :animation-duration=\"2000\" :size=\"65\" color=\"#ff1d5e\" /\u003e\n```\n\n## Epic spinners for other frameworks\n\n- [angular-epic-spinners](https://github.com/hackafro/angular-epic-spinners) by @HackAfro\n- [react-epic-spinners](https://github.com/bondz/react-epic-spinners) by @bondz\n- [react-native-epic-spinners](https://github.com/MuhmdRaouf/react-native-epic-spinners) by @MuhmdRaouf\n- [wc-epic-spinners](https://github.com/craigjennings11/wc-epic-spinners) by @craigjennings11\n\n## Contributing\n\nThanks for all your wonderful PRs, issues and ideas!\n\n[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/0)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/0)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/1)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/1)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/2)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/2)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/3)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/3)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/4)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/4)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/5)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/5)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/6)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/6)[![](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/images/7)](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/7)\n\n## Partners \u0026 Sponsors ❤️\n\n\u003cimg src=\"./.github/assets/sponsors.jpg\" loading=\"lazy\" alt=\"Epicmax, vuejobs, ag-grid, flatlogic, browserstack and jetbrains\" width=\"400px\"\u003e\n\n\nBecome a partner: [hello@epicmax.co](mailto:hello@epicmax.co)\n\n## How can I support developers?\n\n- Star our GitHub repo :star:\n- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:\n- Follow us on [Twitter](https://twitter.com/vuestic_ui) :feet:\n- Like our page on [Linkedin](https://www.linkedin.com/company/18509340) :thumbsup:\n- Have collaboration ideas? Say hi: hello@epicmax.co :postbox:\n\n## Can I hire you guys?\n\n[Epicmax](https://epicmax.co) is committed to Open Source from its beginning.\n[Epic Spinners](https://epic-spinners.epicmax.co/) was created and backed by Epicmax, and is supported through all the years.\nYou can request a consultation or order web development services by Epicmax via this [form](https://epicmax.co/contacts) :sunglasses:\nSay hi: \u003ca href=“mailto:hello@epicmax.co”\u003ehello@epicmax.co\u003c/a\u003e. We will be happy to work with you!\n\n[Other work](https://epicmax.co) we’ve done 🤘\n\n[Meet the Team](https://vuestic.dev/team)\n\n## License\n\n[MIT](https://github.com/epicmaxco/vuestic-admin/blob/master/LICENSE) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fepicmaxco%2Fepic-spinners","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fepicmaxco%2Fepic-spinners","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fepicmaxco%2Fepic-spinners/lists"}