{"id":20323637,"url":"https://github.com/hackafro/angular-epic-spinners","last_synced_at":"2025-04-07T08:22:41.769Z","repository":{"id":28270829,"uuid":"116834722","full_name":"HackAfro/angular-epic-spinners","owner":"HackAfro","description":"Reusable angular components for epic-spinners","archived":false,"fork":false,"pushed_at":"2022-12-08T17:17:36.000Z","size":1778,"stargazers_count":172,"open_issues_count":25,"forks_count":16,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-01T17:54:43.350Z","etag":null,"topics":["angualr4","angular","spinner-components","typescript"],"latest_commit_sha":null,"homepage":"https://hackafro.github.io/angular-epic-spinners/","language":"TypeScript","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/HackAfro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-01-09T15:35:02.000Z","updated_at":"2024-07-29T12:17:33.000Z","dependencies_parsed_at":"2022-09-14T02:10:27.253Z","dependency_job_id":null,"html_url":"https://github.com/HackAfro/angular-epic-spinners","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackAfro%2Fangular-epic-spinners","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackAfro%2Fangular-epic-spinners/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackAfro%2Fangular-epic-spinners/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HackAfro%2Fangular-epic-spinners/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HackAfro","download_url":"https://codeload.github.com/HackAfro/angular-epic-spinners/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247615436,"owners_count":20967193,"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":["angualr4","angular","spinner-components","typescript"],"created_at":"2024-11-14T19:29:04.530Z","updated_at":"2025-04-07T08:22:41.738Z","avatar_url":"https://github.com/HackAfro.png","language":"TypeScript","readme":"# Angular Epic Spinners\n[![npm](https://img.shields.io/npm/dm/angular-epic-spinners.svg)]() [![npm](https://img.shields.io/npm/l/angular-epic-spinners.svg)]() [![npm](https://img.shields.io/npm/v/angular-epic-spinners.svg)]()\n\nReusable angular components for epic spinners\n\n## Demo\nVisit the [demo](http://hackafro.github.io/angular-epic-spinners/) page to see spinners in action \n\n## Installation\n\n`npm install --save angular-epic-spinners`\n\nOR\n\n`yarn install angular-epic-spinners`\n\n## Usage\nExample \n\nImport each spinners' module into your module file and use the spinner component anywhere. \n\n```typescript  \n  import {AtomSpinnerModule} from 'angular-epic-spinners'\n  \n  @NgModule({\n    imports: [AtomSpinnerModule]\n  })\n```\n\nThen in your html file\n\n```html  \n  \u003capp-atom-spinner\n     [animationDuration]=\"1000\"\n     [size]=\"60\"\n     [color]=\"'#ff1d5e'\"\n    \u003e\u003c/app-atom-spinner\u003e\n```\n\n## Components list\nYou can easily configure spinners' size, color and animation speed\n\n```html\n\u003capp-flower-spinner\n  [animationDuration]=\"2500\"\n  [size]=\"70\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-flower-spinner\u003e\n\n\u003capp-pixel-spinner\n  [animationDuration]=\"2000\"\n  [pixelSize]=\"70\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-pixel-spinner\u003e\n\n\u003capp-hollow-dots-spinner\n  [animationDuration]=\"1000\"\n  [dotSize]=\"15\"\n  [dotsNum]=\"3\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-hollow-dots-spinner\u003e\n\n\u003capp-intersecting-circles-spinner\n  [animationDuration]=\"1200\"\n  [size]=\"70\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-intersecting-circles-spinner\u003e\n\n\u003capp-orbit-spinner\n  [animationDuration]=\"1200\"\n  [size]=\"55\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-orbit-spinner\u003e\n\n\u003capp-radar-spinner\n  [animationDuration]=\"2000\"\n  [size]=\"60\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-radar-spinner\u003e\n\n\u003capp-scaling-squares-spinner\n  [animationDuration]=\"1250\"\n  [size]=\"65\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-scaling-squares-spinner\u003e\n\n\u003capp-half-circle-spinner\n  [animationDuration]=\"1000\"\n  [size]=\"60\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-half-circle-spinner\u003e\n\n\u003capp-trinity-rings-spinner\n  [animationDuration]=\"1500\"\n  [size]=\"66\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-trinity-rings-spinner\u003e\n\n\u003capp-fulfilling-square-spinner\n  [animationDuration]=\"4000\"\n  [size]=\"50\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-fulfilling-square-spinner\u003e\n\n\u003capp-circles-to-rhombuses-spinner\n  [animationDuration]=\"1200\"\n  [circlesNum]=\"3\"\n  [circleSize]=\"15\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-circles-to-rhombuses-spinner\u003e\n    \n\u003capp-semipolar-spinner\n  [animationDuration]=\"2000\"\n  [size]=\"65\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-semipolar-spinner\u003e\n    \n\u003capp-self-building-square-spinner\n  [animationDuration]=\"6000\"\n  [size]=\"40\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-self-building-square-spinner\u003e\n    \n\u003capp-swapping-squares-spinner\n  [animationDuration]=\"1000\"\n  [size]=\"65\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-swapping-squares-spinner\u003e\n\n\u003capp-fulfilling-bouncing-circle-spinner\n  [animationDuration]=\"4000\"\n  [size]=\"60\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-fulfilling-bouncing-circle-spinner\u003e\n\n\u003capp-fingerprint-spinner\n  [animationDuration]=\"1500\"\n  [size]=\"64\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-fingerprint-spinner\u003e\n\n\u003capp-spring-spinner\n  [animationDuration]=\"3000\"\n  [size]=\"60\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-spring-spinner\u003e\n\n\u003capp-atom-spinner\n  [animationDuration]=\"1000\"\n  [size]=\"60\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-atom-spinner\u003e\n\n\u003capp-looping-rhombuses-spinner\n  [animationDuration]=\"2500\"\n  [rhombusSize]=\"15\"\n  [color]=\"'#ff1d5e'\"\n\u003e\u003c/app-looping-rhombuses-spinner\u003e\n\n\u003capp-breeding-rhombus-spinner\n  [animationDuration]=\"2000\"\n  [size]=\"65\"\n  [color]=\"'#ff1d5e'\"\n/\u003e\u003capp-breeding-rhombus-spinner\u003e\n```\n## Support?\n- Star the repo :star:\n- Create pull requests \n- Follow me on twitter [@iamAfro](https://twitter.com/iamafro)\n\n## License\n[MIT](https://github.com/HackAfro/angular-epic-spinners/blob/v1.0.3/LICENSE) license.\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackafro%2Fangular-epic-spinners","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhackafro%2Fangular-epic-spinners","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackafro%2Fangular-epic-spinners/lists"}