{"id":25835985,"url":"https://github.com/bugsplat-git/ngx-animated-counter","last_synced_at":"2025-03-01T01:38:46.805Z","repository":{"id":42702847,"uuid":"249781289","full_name":"BugSplat-Git/ngx-animated-counter","owner":"BugSplat-Git","description":"Angular counting animations made as easy as 1️⃣2️⃣3️⃣ !","archived":false,"fork":false,"pushed_at":"2024-12-03T15:06:41.000Z","size":3584,"stargazers_count":6,"open_issues_count":9,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-16T14:07:54.955Z","etag":null,"topics":["angular","animated","counter","ng"],"latest_commit_sha":null,"homepage":"https://bugsplat-git.github.io/ngx-animated-counter-example","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/BugSplat-Git.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-03-24T18:03:15.000Z","updated_at":"2024-12-04T03:54:34.000Z","dependencies_parsed_at":"2024-12-03T16:19:01.689Z","dependency_job_id":"a020b991-a113-4b2c-9a50-e22e821aad7a","html_url":"https://github.com/BugSplat-Git/ngx-animated-counter","commit_stats":{"total_commits":50,"total_committers":5,"mean_commits":10.0,"dds":"0.42000000000000004","last_synced_commit":"2f2bd8df77fb46d8a8afb238b503a16089f6aa9a"},"previous_names":["bugsplat-git/ng-animated-counter"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugSplat-Git%2Fngx-animated-counter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugSplat-Git%2Fngx-animated-counter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugSplat-Git%2Fngx-animated-counter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BugSplat-Git%2Fngx-animated-counter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BugSplat-Git","download_url":"https://codeload.github.com/BugSplat-Git/ngx-animated-counter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241304302,"owners_count":19941100,"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":["angular","animated","counter","ng"],"created_at":"2025-03-01T01:38:46.289Z","updated_at":"2025-03-01T01:38:46.789Z","avatar_url":"https://github.com/BugSplat-Git.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![bugsplat-github-banner-basic-outline](https://user-images.githubusercontent.com/20464226/149019306-3186103c-5315-4dad-a499-4fd1df408475.png)](https://bugsplat.com)\n\u003cbr/\u003e\n\n# \u003cdiv align=\"center\"\u003eBugSplat\u003c/div\u003e\n\n### **\u003cdiv align=\"center\"\u003eCrash and error reporting built for busy developers.\u003c/div\u003e**\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://twitter.com/BugSplatCo\"\u003e\n        \u003cimg alt=\"Follow @bugsplatco on Twitter\" src=\"https://img.shields.io/twitter/follow/bugsplatco?label=Follow%20BugSplat\u0026style=social\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://discord.gg/K4KjjRV5ve\"\u003e\n        \u003cimg alt=\"Join BugSplat on Discord\" src=\"https://img.shields.io/discord/664965194799251487?label=Join%20Discord\u0026logo=Discord\u0026style=social\"\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n## 👋 Introduction\n\nBugSplat's [@bugsplat/ngx-animated-counter](https://www.npmjs.com/package/@bugsplat/ngx-animated-counter) package provides simple count up and count down number animations. Take a peek our [example](https://bugsplat-git.github.io/ngx-animated-counter-example/) that demonstrates our animated counter.\n\n## 🏗 Installation\n\n`npm i -s @bugsplat/ngx-animated-counter`\n\n## 🏃 Usage\n\nAdd the `NgxAnimatedCounterModule` to your module's imports:\n\n```ts\nimport { NgxAnimatedCounterModule } from '@bugsplat/ngx-animated-counter'\n\n@NgModule({\n  ...\n  imports: [\n    NgxAnimatedCounterModule\n  ],\n  ...\n})\n```\n\nThe `ngx-animated-counter` component takes one input the properties `start` (number to being the animation), `end` (number to end the animation), `interval` (time in ms between increments), and `increment` (number to increment by each interval):\n\n```ts\npublic params: NgxAnimatedCounterParams = { start: 20, end: 220, interval: 10, increment: 20 };\n```\n\nAdd the counter to your component's template:\n\n```html\n\u003cngx-animated-counter [params]=\"params\"\u003e\u003c/ngx-animated-counter\u003e\n```\n\n## 🐛 About\n\n[ngx-animated-counter](https://github.com/BugSplat-Git/ngx-animated-counter) is an open source tool from [BugSplat](https://www.bugsplat.com/)! BugSplat is a crash and error reporting tool used by developers to find when their software crashes while in use, and to collect data valuable to fixing those errors. If you're interested in error reporting, check out our [Angular](https://docs.bugsplat.com/introduction/getting-started/integrations/web/angular) integration.\n\nWith :heart:  \nBugSplat\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbugsplat-git%2Fngx-animated-counter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbugsplat-git%2Fngx-animated-counter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbugsplat-git%2Fngx-animated-counter/lists"}