{"id":26675533,"url":"https://github.com/sakibweb/int-anm","last_synced_at":"2025-03-26T03:18:37.003Z","repository":{"id":283514710,"uuid":"951944974","full_name":"sakibweb/int-anm","owner":"sakibweb","description":"int-anm - Number Animation JS [No JS required]","archived":false,"fork":false,"pushed_at":"2025-03-20T16:02:51.000Z","size":8,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-20T17:21:32.479Z","etag":null,"topics":["easy-to-use","int","no-code","number-animation","number-animation-js","sakibweb"],"latest_commit_sha":null,"homepage":"http://sakibweb.github.io","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/sakibweb.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-20T13:43:13.000Z","updated_at":"2025-03-20T16:24:30.000Z","dependencies_parsed_at":"2025-03-20T17:21:34.570Z","dependency_job_id":"3501a439-bf4d-49b0-9529-880a054fb4ec","html_url":"https://github.com/sakibweb/int-anm","commit_stats":null,"previous_names":["sakibweb/int-anm"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakibweb%2Fint-anm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakibweb%2Fint-anm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakibweb%2Fint-anm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sakibweb%2Fint-anm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sakibweb","download_url":"https://codeload.github.com/sakibweb/int-anm/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245579732,"owners_count":20638679,"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":["easy-to-use","int","no-code","number-animation","number-animation-js","sakibweb"],"created_at":"2025-03-26T03:18:36.360Z","updated_at":"2025-03-26T03:18:36.986Z","avatar_url":"https://github.com/sakibweb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# int-anm - Number Animation JS\n\n**Effortless Number Animations with a Single Class!** ✨  Bring your website to life with smooth, animated number transitions. Simply add the `int-anm` class to your HTML elements and watch your numbers animate automatically. No JavaScript coding required!\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![GitHub Repo](https://img.shields.io/github/stars/sakibweb/int-anm?style=social)](https://github.com/sakibweb/int-anm)\n\n## ✨ Key Features\n\n*   **One-Class Integration:** Animate numbers by simply adding the `int-anm` class to your HTML elements.\n*   **Automatic Initialization:**  The script automatically finds and animates all elements with the `int-anm` class on page load.\n*   **Viewport Triggered:** Animations intelligently start when elements become visible in the viewport, optimizing performance.\n*   **Dynamic Step Animation:**  Animation speed adjusts dynamically based on the number difference, ensuring smooth transitions for all value ranges.\n*   **Smart Value Parsing:**  Understands and animates various number formats including decimals, commas, percentages, negative numbers, and currencies within text.\n*   **Preserves Text Formatting:**  Maintains surrounding text, currency symbols, and original formatting while animating the numbers.\n*   **Lightweight \u0026 Fast:**  Built for performance with a small footprint and efficient JavaScript.\n*   **Pure JavaScript:**  No external dependencies required.\n*   **MIT Licensed:**  Free for personal and commercial use.\n\n## 📦 Installation\n\n### CDN (Content Delivery Network)\n\nFor the quickest setup, use the CDN link to include `int-anm` directly in your HTML.\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/gh/sakibweb/int-anm@latest/int-anm.min.js\"\u003e\u003c/script\u003e\n```\n\n\u003e **Note:** The above CDN link is a placeholder.  To use a stable CDN link in production, you should:\n\u003e\n\u003e 1.  **Create a Release on GitHub:** Tag and release a version of your `int-anm` repository on GitHub.\n\u003e 2.  **Use jsDelivr or unpkg:**  These services can serve files directly from GitHub releases.  A typical jsDelivr link format would be: `https://cdn.jsdelivr.net/gh/username/repository@version/int-anm.min.js` (replace `username`, `repository`, and `version` with your actual details).\n\n### Local Installation\n\n1.  **Download Files:** Download both `int-anm.js` and `int-anm.min.js` from the [GitHub repository](https://github.com/sakibweb/int-anm).\n2.  **Include in Project:** Place the downloaded files in your project's JavaScript directory.\n3.  **Add to HTML:** Link either `int-anm.js` (for development) or `int-anm.min.js` (for production) in your HTML file:\n\n    ```html\n    \u003cscript src=\"path/to/int-anm.min.js\"\u003e\u003c/script\u003e\n    ```\n\n## 🚀 Simple Usage\n\nAnimate your numbers in seconds!\n\n1.  **Add `int-anm` Class:**  Simply add the `int-anm` class to any HTML element containing the number you want to animate.\n\n    ```html\n    \u003cdiv class=\"int-anm\"\u003eTotal Customers: 2500+\u003c/div\u003e\n    \u003cspan class=\"int-anm\"\u003eCurrent Discount: -10%\u003c/span\u003e\n    \u003cp class=\"int-anm\"\u003ePrice: $99.99\u003c/p\u003e\n    \u003cli class=\"int-anm\"\u003eItems Sold: 12,456\u003c/li\u003e\n    ```\n\n2.  **Automatic Animation:** That's all! When your webpage loads, `int-anm` will automatically find these elements and animate the numbers when they come into view. No JavaScript code is needed to initiate the animation!\n\n## 📄 License\n\n`int-anm` is open-source software licensed under the [MIT License](LICENSE).\n\n## 🤝 Contribute\n\nWe welcome contributions! If you have ideas for improvements or find any issues, please feel free to open an issue or submit a pull request on the [GitHub repository](https://github.com/sakibweb/int-anm).\n\n## ⭐ Support This Project\n\nIf you find `int-anm` useful, please consider giving it a star on [GitHub](https://github.com/sakibweb/int-anm). Your support is greatly appreciated!\n\n**Made with ❤️ by [sakibweb](https://github.com/sakibweb)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsakibweb%2Fint-anm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsakibweb%2Fint-anm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsakibweb%2Fint-anm/lists"}