{"id":13808364,"url":"https://github.com/k3nsei/ng-in-viewport","last_synced_at":"2025-05-14T02:31:37.233Z","repository":{"id":10691286,"uuid":"58234277","full_name":"k3nsei/ng-in-viewport","owner":"k3nsei","description":"Allows us to check if an element is within the browsers visual viewport","archived":false,"fork":false,"pushed_at":"2024-10-14T14:55:29.000Z","size":9492,"stargazers_count":226,"open_issues_count":18,"forks_count":28,"subscribers_count":8,"default_branch":"develop","last_synced_at":"2024-10-29T23:44:34.855Z","etag":null,"topics":["angular","angular-10","angular-11","angular-12","angular-13","angular-14","angular-15","angular-16","angular-17","hacktoberfest","infinite-scroll","intersection-observer","lazy-loading","lazyload","lazyload-images","ng","viewport","visibility"],"latest_commit_sha":null,"homepage":"https://k3nsei.gitbook.io/ng-in-viewport/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/k3nsei.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/funding.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"k3nsei"}},"created_at":"2016-05-06T20:53:04.000Z","updated_at":"2024-10-14T14:56:25.000Z","dependencies_parsed_at":"2023-12-19T14:44:16.763Z","dependency_job_id":"bb4e34ce-b453-4db3-9b9d-313ad33af720","html_url":"https://github.com/k3nsei/ng-in-viewport","commit_stats":{"total_commits":685,"total_committers":7,"mean_commits":97.85714285714286,"dds":0.08467153284671536,"last_synced_commit":"ce42f783b3263eef427c88fb8ee16975d343f32c"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k3nsei%2Fng-in-viewport","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k3nsei%2Fng-in-viewport/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k3nsei%2Fng-in-viewport/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k3nsei%2Fng-in-viewport/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/k3nsei","download_url":"https://codeload.github.com/k3nsei/ng-in-viewport/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224903366,"owners_count":17389371,"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","angular-10","angular-11","angular-12","angular-13","angular-14","angular-15","angular-16","angular-17","hacktoberfest","infinite-scroll","intersection-observer","lazy-loading","lazyload","lazyload-images","ng","viewport","visibility"],"created_at":"2024-08-04T01:01:41.023Z","updated_at":"2024-11-19T00:30:41.968Z","avatar_url":"https://github.com/k3nsei.png","language":"TypeScript","funding_links":["https://github.com/sponsors/k3nsei"],"categories":["Table of contents"],"sub_categories":["Third Party Components"],"readme":"# ng-in-viewport\n\n[![npm license][npm-badge-license]][npm-badge-url]\n[![npm version][npm-badge-version]][npm-badge-url]\n[![npm monthly downloads][npm-badge-downloads]][npm-badge-url]\n[![code coverage][codecov-badge]][codecov-badge-url]\n\n\u003e Allows us to check if an element is within the browsers visual viewport\n\n- 🤓 Learn about it on the [Docs Site][lib-docs]\n- 🚀 See it in action on the [Examples Site][example-app]\n- 🎮 Play with it on [Stackblitz][example-app-embed]\n\n## Compatibility matrix 🔢\n\n| **ng-in-viewport** | **Angular**             |\n| ------------------ | ----------------------- |\n| `16.1.x`           | `\u003e= 17.x.y \\|\\| 16.x.y` |\n| `16.0.x`           | `16.x.y \\|\\| 15.x.y`    |\n| `15.0.x`           | `15.x.y \\|\\| 14.x.y`    |\n\n## Support the Project 💖\n\nMaintaining `ng-in-viewport` is a labor of love, developed mostly during spare time by its maintainers. If you find this library helpful, consider sponsoring—whether it's the cost of a coffee, a beer, or more. Your support helps keep the project alive and evolving.\n\nBy sponsoring, you'll help to:\n\n- Add new features\n- Ensure long-term support\n- Improve compatibility with future Angular versions\n\nEvery contribution makes a difference, and even a small gesture goes a long way in keeping `ng-in-viewport` up to date for the community.\n\n## License 📝\n\n[MIT](https://github.com/k3nsei/ng-in-viewport/blob/stable/LICENSE)\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/k3nsei\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/190422?v=4?s=100\" width=\"100px;\" alt=\"Piotr Stępniewski\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePiotr Stępniewski\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/commits?author=k3nsei\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/k3nsei/ng-in-viewport/commits?author=k3nsei\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/k3nsei/ng-in-viewport/pulls?q=is%3Apr+reviewed-by%3Ak3nsei\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e \u003ca href=\"https://github.com/k3nsei/ng-in-viewport/commits?author=k3nsei\" title=\"Tests\"\u003e⚠️\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/Bengejd\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/11723093?v=4?s=100\" width=\"100px;\" alt=\"Jordan Benge\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJordan Benge\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#blog-Bengejd\" title=\"Blogposts\"\u003e📝\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/numerized\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/166829?v=4?s=100\" width=\"100px;\" alt=\"Kévin Perrée\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKévin Perrée\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Anumerized\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/OzoTek\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/6436053?v=4?s=100\" width=\"100px;\" alt=\"Alexandre Couret\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAlexandre Couret\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3AOzoTek\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/anwar-elmawardy\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/23740710?v=4?s=100\" width=\"100px;\" alt=\"anwar-elmawardy\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eanwar-elmawardy\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Aanwar-elmawardy\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/jwillebrands\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/8925?v=4?s=100\" width=\"100px;\" alt=\"Jan-Willem Willebrands\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJan-Willem Willebrands\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Ajwillebrands\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/CSchulz\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1520593?v=4?s=100\" width=\"100px;\" alt=\"CSchulz \"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCSchulz \u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3ACSchulz\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/Silvest89\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/2388338?v=4?s=100\" width=\"100px;\" alt=\"Johnnie Ho\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJohnnie Ho\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3ASilvest89\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/pasevin\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1058469?v=4?s=100\" width=\"100px;\" alt=\"Aleksandr Pasevin\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAleksandr Pasevin\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/commits?author=pasevin\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Apasevin\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/wkurniawan07\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/7261051?v=4?s=100\" width=\"100px;\" alt=\"Wilson Kurniawan\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eWilson Kurniawan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Awkurniawan07\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/basters\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/17099950?v=4?s=100\" width=\"100px;\" alt=\"Eugene\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eEugene\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/commits?author=basters\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/samizarraa\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/20872538?v=4?s=100\" width=\"100px;\" alt=\"Sami Zarraa\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSami Zarraa\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Asamizarraa\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/Jonnyprof\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/9952131?v=4?s=100\" width=\"100px;\" alt=\"JordiJS\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJordiJS\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3AJonnyprof\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/mpschaeuble\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/18322360?v=4?s=100\" width=\"100px;\" alt=\"mpschaeuble\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003empschaeuble\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Ampschaeuble\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/karptonite\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/132278?v=4?s=100\" width=\"100px;\" alt=\"Daniel Karp\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDaniel Karp\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/issues?q=author%3Akarptonite\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/tinesoft\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/4053092?v=4?s=100\" width=\"100px;\" alt=\"Tine Kondo\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eTine Kondo\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-tinesoft\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/k3nsei/ng-in-viewport/pulls?q=is%3Apr+reviewed-by%3Atinesoft\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/BojanKogoj\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/634075?v=4?s=100\" width=\"100px;\" alt=\"Bojan Kogoj\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBojan Kogoj\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/k3nsei/ng-in-viewport/commits?author=BojanKogoj\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors][all-contributors-url] specification. Contributions of any kind welcome!\n\n\u003c!-- LINKS-DEFINITIONS-LIST:START --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\n[npm-badge-version]: https://img.shields.io/npm/v/ng-in-viewport?style=flat-square\n[npm-badge-license]: https://img.shields.io/npm/l/ng-in-viewport?style=flat-square\n[npm-badge-downloads]: https://img.shields.io/npm/dm/ng-in-viewport?style=flat-square\n[npm-badge-url]: https://www.npmjs.com/package/ng-in-viewport\n[codecov-badge]: https://img.shields.io/codecov/c/github/k3nsei/ng-in-viewport/develop?logo=codecov\u0026style=flat-square\n[codecov-badge-url]: https://codecov.io/gh/k3nsei/ng-in-viewport\n[lib-docs]: https://k3nsei.gitbook.io/ng-in-viewport/\n[example-app]: https://ng-in-viewport.vercel.app/\n[example-app-embed]: https://stackblitz.com/edit/ng-in-viewport-example?embed=1\u0026file=src/main.ts\n[all-contributors-url]: https://github.com/all-contributors/all-contributors\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- LINKS-DEFINITIONS-LIST:END --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fk3nsei%2Fng-in-viewport","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fk3nsei%2Fng-in-viewport","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fk3nsei%2Fng-in-viewport/lists"}