{"id":15489354,"url":"https://github.com/andremov/react-ticker","last_synced_at":"2026-03-07T10:04:00.685Z","repository":{"id":148381809,"uuid":"620038233","full_name":"andremov/react-ticker","owner":"andremov","description":"A simple ticker made for React. Infinitely and seamlessly scroll through elements.","archived":false,"fork":false,"pushed_at":"2023-04-01T22:47:23.000Z","size":104,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-10T18:12:26.604Z","etag":null,"topics":["carousel","component","gallery","image-gallery","react","ticker"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@andremov/react-ticker","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/andremov.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":"2023-03-27T22:56:57.000Z","updated_at":"2024-09-01T09:02:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"1138c53a-ad55-45e5-98b5-63bf039044a7","html_url":"https://github.com/andremov/react-ticker","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/andremov/react-ticker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andremov%2Freact-ticker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andremov%2Freact-ticker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andremov%2Freact-ticker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andremov%2Freact-ticker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andremov","download_url":"https://codeload.github.com/andremov/react-ticker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andremov%2Freact-ticker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30212021,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-07T09:02:10.694Z","status":"ssl_error","status_checked_at":"2026-03-07T09:02:08.429Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["carousel","component","gallery","image-gallery","react","ticker"],"created_at":"2024-10-02T07:05:09.878Z","updated_at":"2026-03-07T10:04:00.649Z","avatar_url":"https://github.com/andremov.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Ticker\r\n\r\nA simple ticker made for `React`. Infinitely and seamlessly scroll through elements.\r\n\r\n[![NPM Version][npm-version-image]][npm-url]\r\n[![NPM Install Size][npm-install-size-image]][npm-install-size-url]\r\n[![NPM Downloads][npm-downloads-image]][npm-downloads-url]\r\n\r\n# Installation\r\n\r\n```\r\nnpm install @andremov/react-ticker\r\n```\r\n\r\n## Basic Usage\r\n\r\n```jsx\r\nimport React from 'react';\r\nimport Ticker from '@andremov/react-ticker';\r\n\r\nfunction App() {\r\n  const colors = ['#632bf3', '#f122c8', '#f16022', '#9ef344', '#44d3f3'];\r\n  return (\r\n    \u003cdiv className=\"App\"\u003e\r\n      \u003cTicker duration={20}\u003e\r\n        {colors.map((item, index) =\u003e (\r\n          \u003cdiv\r\n            key={index}\r\n            style={{\r\n              backgroundColor: item,\r\n              margin: '5px',\r\n              height: '250px',\r\n              width: '200px',\r\n            }}\r\n          /\u003e\r\n        ))}\r\n      \u003c/Ticker\u003e\r\n    \u003c/div\u003e\r\n  );\r\n}\r\nexport default App;\r\n```\r\n\r\n## Examples\r\n\r\n[Live Demo](https://react-ticker-example.netlify.app/)\r\n\r\n[example repo](https://github.com/andremov/react-ticker/tree/main/example)\r\n\r\n## Ticker props\r\n\r\n| props    | type   | default | description             |\r\n| -------- | ------ | ------- | ----------------------- |\r\n| duration | number | 10      | duration of one segment |\r\n\r\n## Using the Ticker example folder\r\n\r\n```\r\ncd example \u0026\u0026 npm install\r\n\r\nnpm run dev\r\n```\r\n\r\n[npm-downloads-image]: https://badgen.net/npm/dm/@andremov/react-ticker\r\n[npm-downloads-url]: https://npmcharts.com/compare/@andremov/react-ticker?minimal=true\r\n[npm-install-size-image]: https://badgen.net/packagephobia/install/@andremov/react-ticker\r\n[npm-install-size-url]: https://packagephobia.com/result?p=@andremov/react-ticker\r\n[npm-url]: https://npmjs.org/package/@andremov/react-ticker\r\n[npm-version-image]: https://badgen.net/npm/v/@andremov/react-ticker\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandremov%2Freact-ticker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandremov%2Freact-ticker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandremov%2Freact-ticker/lists"}