{"id":13400638,"url":"https://github.com/akiran/react-slick","last_synced_at":"2025-09-09T20:52:37.200Z","repository":{"id":23344026,"uuid":"26704639","full_name":"akiran/react-slick","owner":"akiran","description":"React carousel component ","archived":false,"fork":false,"pushed_at":"2025-05-08T15:26:52.000Z","size":2320,"stargazers_count":11870,"open_issues_count":492,"forks_count":2114,"subscribers_count":115,"default_branch":"master","last_synced_at":"2025-05-12T16:19:10.725Z","etag":null,"topics":["carousel","react","slick"],"latest_commit_sha":null,"homepage":"http://react-slick.neostack.com/","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/akiran.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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,"zenodo":null},"funding":{"github":"akiran","open_collective":"react-slick"}},"created_at":"2014-11-16T05:14:39.000Z","updated_at":"2025-05-09T16:14:32.000Z","dependencies_parsed_at":"2024-02-05T15:56:05.313Z","dependency_job_id":"0a45be45-2c9a-4b68-9a87-fa76720a3e12","html_url":"https://github.com/akiran/react-slick","commit_stats":{"total_commits":1014,"total_committers":159,"mean_commits":6.377358490566038,"dds":0.7613412228796844,"last_synced_commit":"bae881766024deeccab7d67ddf5d1a323f9355c8"},"previous_names":[],"tags_count":44,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akiran%2Freact-slick","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akiran%2Freact-slick/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akiran%2Freact-slick/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akiran%2Freact-slick/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akiran","download_url":"https://codeload.github.com/akiran/react-slick/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253774593,"owners_count":21962199,"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":["carousel","react","slick"],"created_at":"2024-07-30T19:00:54.146Z","updated_at":"2025-05-12T16:19:22.514Z","avatar_url":"https://github.com/akiran.png","language":"JavaScript","funding_links":["https://github.com/sponsors/akiran","https://opencollective.com/react-slick"],"categories":["JavaScript","UI Components","Uncategorized","Demos","目录","\u003csummary\u003eUI Components\u003c/summary\u003e","Other Components","React","13. 页面交互","React [🔝](#readme)","UI Components / UI Tools"],"sub_categories":["Carousel","Uncategorized","React Components","13.4 图片轮播(幻灯片)/图片展示"],"readme":"### react-slick\n\n[![Backers on Open Collective](https://opencollective.com/react-slick/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/react-slick/sponsors/badge.svg)](#sponsors)\n\n##### Carousel component built with React. It is a react port of [slick carousel](http://kenwheeler.github.io/slick/)\n\n## [Documentation](http://react-slick.neostack.com)\n\n### Installation\n\n**npm**\n\n```bash\nnpm install react-slick --save\n```\n\n**yarn**\n\n```bash\nyarn add react-slick\n```\n\n**Also install slick-carousel for css and font**\n\n```bash\nnpm install slick-carousel\n\n// Import css files\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n```\n\nor add cdn link in your html\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  charset=\"UTF-8\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css\"\n/\u003e\n```\n\n### [PlayGround](https://stackblitz.com/edit/vitejs-vite-ownrun?file=src%2FImageSlider.jsx)\n\n### Example\n\n```js\nimport React from \"react\";\nimport Slider from \"react-slick\";\n\nexport default function SimpleSlider() {\n  var settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1\n  };\n  return (\n    \u003cSlider {...settings}\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003e1\u003c/h3\u003e\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003e2\u003c/h3\u003e\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003e3\u003c/h3\u003e\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003e4\u003c/h3\u003e\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003e5\u003c/h3\u003e\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003e6\u003c/h3\u003e\n      \u003c/div\u003e\n    \u003c/Slider\u003e\n  );\n}\n```\n\n### Props\n\nFor all available props, go [here](https://react-slick.neostack.com/docs/api/).\n\n### Methods\n\nFor all available methods, go [here](https://react-slick.neostack.com/docs/api#methods)\n\n### Development\n\nWant to run demos locally\n\n```bash\ngit clone https://github.com/akiran/react-slick\ncd react-slick\nnpm install\nnpm start\nopen http://localhost:8080\n```\n\n## Community\n\nJoin our [discord channel](https://discord.gg/z7stRE4Cyb) to discuss react-slick bugs and ask for help\n\n## Contributing\n\nPlease see the [contributing guidelines](./CONTRIBUTING.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakiran%2Freact-slick","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakiran%2Freact-slick","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakiran%2Freact-slick/lists"}