{"id":13399686,"url":"https://github.com/petyosi/react-virtuoso","last_synced_at":"2025-09-09T20:44:05.348Z","repository":{"id":37390743,"uuid":"184704110","full_name":"petyosi/react-virtuoso","owner":"petyosi","description":"The most powerful virtual list component for React","archived":false,"fork":false,"pushed_at":"2025-08-29T13:58:42.000Z","size":62865,"stargazers_count":5903,"open_issues_count":42,"forks_count":333,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-09-05T03:20:02.718Z","etag":null,"topics":["chat","component-library","feed","hacktoberfest","react","virtual","virtualizedlist"],"latest_commit_sha":null,"homepage":"https://virtuoso.dev","language":"TypeScript","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/petyosi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null},"funding":{"github":"petyosi"}},"created_at":"2019-05-03T05:39:04.000Z","updated_at":"2025-09-04T08:34:23.000Z","dependencies_parsed_at":"2024-01-07T21:05:37.326Z","dependency_job_id":"4185862b-4ff8-46cb-a48a-442d94731154","html_url":"https://github.com/petyosi/react-virtuoso","commit_stats":{"total_commits":481,"total_committers":64,"mean_commits":7.515625,"dds":"0.27442827442827444","last_synced_commit":"12e53e5d75a728dbddbb908aad70b6d9674f459e"},"previous_names":[],"tags_count":275,"template":false,"template_full_name":null,"purl":"pkg:github/petyosi/react-virtuoso","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petyosi%2Freact-virtuoso","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petyosi%2Freact-virtuoso/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petyosi%2Freact-virtuoso/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petyosi%2Freact-virtuoso/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/petyosi","download_url":"https://codeload.github.com/petyosi/react-virtuoso/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/petyosi%2Freact-virtuoso/sbom","scorecard":{"id":729635,"data":{"date":"2025-08-11","repo":{"name":"github.com/petyosi/react-virtuoso","commit":"3e2d3455a0b22133c98686f95a38ba11a2321ef8"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.5,"checks":[{"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":10,"reason":"no dangerous workflow patterns detected","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":"Maintained","score":10,"reason":"30 commit(s) and 21 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/main.yml:1","Info: topLevel 'contents' permission set to 'read': .github/workflows/virtuoso.dev.yml:12","Info: no jobLevel write permissions found"],"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":"Code-Review","score":0,"reason":"Found 1/21 approved changesets -- score normalized to 0","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":"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":"Pinned-Dependencies","score":1,"reason":"dependency not pinned by hash detected -- score normalized to 1","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/main.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/main.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/main.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/main.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/virtuoso.dev.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/virtuoso.dev.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/virtuoso.dev.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/virtuoso.dev.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/virtuoso.dev.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/virtuoso.dev.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/virtuoso.dev.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/virtuoso.dev.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/virtuoso.dev.yml:68: update your workflow using https://app.stepsecurity.io/secureworkflow/petyosi/react-virtuoso/virtuoso.dev.yml/master?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/main.yml:25","Warn: npmCommand not pinned by hash: .github/workflows/main.yml:26","Warn: npmCommand not pinned by hash: .github/workflows/virtuoso.dev.yml:46","Info:   0 out of   8 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 third-party GitHubAction dependencies pinned","Info:   1 out of   4 npmCommand dependencies pinned"],"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":"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":"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":"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":"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":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 10 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":3,"reason":"7 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-xffm-g5w8-qvg7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-jgmv-j7ww-jx2x","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h"],"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-22T14:02:40.838Z","repository_id":37390743,"created_at":"2025-08-22T14:02:40.838Z","updated_at":"2025-08-22T14:02:40.838Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273728151,"owners_count":25157136,"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","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"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":["chat","component-library","feed","hacktoberfest","react","virtual","virtualizedlist"],"created_at":"2024-07-30T19:00:41.396Z","updated_at":"2025-09-09T20:44:05.290Z","avatar_url":"https://github.com/petyosi.png","language":"TypeScript","funding_links":["https://github.com/sponsors/petyosi"],"categories":["Datasets","TypeScript","Projects using `@faker-js/faker`",":books: Libraries"],"sub_categories":["React"],"readme":"[![npm version](https://img.shields.io/npm/v/react-virtuoso.svg?style=flat)](//badge.fury.io/js/react-virtuoso)\n\n**React Virtuoso** - the most complete React virtualization rendering list/table/grid/masonry family of components.\n\n- Variable sized items out of the box; no manual measurements or hard-coding item heights is necessary;\n- [Chat message list UI](https://virtuoso.dev/virtuoso-message-list/) **NEW**;\n- [Grouped mode with sticky headers](https://virtuoso.dev/grouped-by-first-letter/);\n- [Responsive grid layout](https://virtuoso.dev/grid-responsive-columns/);\n- [Masonry layout](https://virtuoso.dev/hello-masonry/) **NEW**;\n- [Table Support](https://virtuoso.dev/hello-table/);\n- [Automatic handling of content resize](https://virtuoso.dev/auto-resizing/);\n- [Custom Header, Footer, and empty list components](https://virtuoso.dev/customize-structure/);\n- [Pinned top items](https://virtuoso.dev/top-items/);\n- [Endless scrolling](https://virtuoso.dev/endless-scrolling/), [press to load more](https://virtuoso.dev/press-to-load-more/);\n- [Initial top most item index](https://virtuoso.dev/initial-index/);\n- [Scroll to index method](https://virtuoso.dev/scroll-to-index/).\n\nFor live examples and documentation, check the [documentation website](https://virtuoso.dev).\n\n## Sponsors\n\nIf you are using Virtuoso for work, [sponsor it](https://github.com/sponsors/petyosi). Any donation helps a lot with the project development and maintenance.\n\n## Get Started\n\n```sh\nnpm install react-virtuoso\n```\n\n```jsx import * as React from 'react' import * as ReactDOM from 'react-dom'\nimport { Virtuoso } from 'react-virtuoso'\n\nconst App = () =\u003e {\n  return \u003cVirtuoso style={{ height: '400px' }} totalCount={200} itemContent={index =\u003e \u003cdiv\u003eItem {index}\u003c/div\u003e} /\u003e\n}\n\nReactDOM.render(\u003cApp /\u003e, document.getElementById('root'))\n```\n\n## [Message List](https://virtuoso.dev/virtuoso-message-list/)\n\nThe Virtuoso message list component is built specifically for human/chatbot conversations. In addition to the virtualized rendering, the component exposes an imperative data management \nAPI that gives you the necessary control over the scroll position when older messages are loaded, new messages arrive, and when the user submits a message. The scroll position can update instantly or with a smooth scroll animation.\n\n## [Grouped Mode](https://virtuoso.dev/grouped-by-first-letter/)\n\nThe `GroupedVirtuoso` component is a variant of the \"flat\" `Virtuoso`, with the following differences:\n\n- Instead of `totalCount`, the component exposes `groupCounts: number[]` property, which specifies the amount of items in each group.\n  For example, passing `[20, 30]` will render two groups with 20 and 30 items each;\n- In addition the `itemContent` property, the component requires an additional `groupContent` property,\n  which renders the **group header**. The `groupContent` callback receives the zero-based group index as a parameter.\n\n## [Grid](https://virtuoso.dev/grid-responsive-columns/)\n\nThe `VirtuosoGrid` component displays **same sized items** in multiple columns.\nThe layout and item sizing is controlled through CSS class properties, which allows you to use media queries, min-width, percentage, etc.\n\n## [Masonry](https://virtuoso.dev/hello-masonry/)\n\nThe `Masonry` component renders columns from varying-height items, suitable for product listings, image galleries, etc. \n\n## [Table](https://virtuoso.dev/hello-table/)\n\nThe `TableVirtuoso` component works just like `Virtuoso`, but with HTML tables.\nIt supports window scrolling, sticky headers, sticky columns, and works with Tanstack Table and MUI Table.\n\n## Works With Your UI Library of Choice\n\nYou can customize the markup up to your requirements - check [the Material UI list demo](https://virtuoso.dev/material-ui-endless-scrolling/).\nIf you need to support reordering, [check the React Sortable HOC example](https://virtuoso.dev/react-sortable-hoc/).\n\n## Documentation and Demos\n\nFor in-depth documentation and live examples of the supported features and live demos, check the [documentation website](https://virtuoso.dev).\n\n## Browser support\n\nTo support [legacy browsers](https://caniuse.com/resizeobserver), you might have to load a [ResizeObserver Polyfill](https://www.npmjs.com/package/resize-observer-polyfill) before using `react-virtuoso`:\n\n```\nimport ResizeObserver from 'resize-observer-polyfill'\nif (!window.ResizeObserver)\n  window.ResizeObserver = ResizeObserver\n```\n\n## Author\n\nPetyo Ivanov [@petyosi](//twitter.com/petyosi).\n\n## Contributing\n\n### Fixes and new Features\n\nTo run the tests, use `npm run test`.\nAn end-to-end browser-based test suite is runnable with `npm run e2e`, with the pages being `e2e/*.tsx` and the tests `e2e/*.test.ts`.\n\nA convenient way to debug something is to preview the test cases in the browser.\nTo do that, run `npm run dev` - it will launch a Ladle server that lets you browse the components in the `examples` folder.\n\n## License\n\nMIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetyosi%2Freact-virtuoso","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpetyosi%2Freact-virtuoso","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpetyosi%2Freact-virtuoso/lists"}