{"id":15175309,"url":"https://github.com/charlesstover/react-quotes-carousel","last_synced_at":"2025-10-01T12:31:07.451Z","repository":{"id":32827719,"uuid":"143663144","full_name":"CharlesStover/react-quotes-carousel","owner":"CharlesStover","description":"A quotes carousel for React.","archived":true,"fork":false,"pushed_at":"2022-02-12T05:29:24.000Z","size":995,"stargazers_count":1,"open_issues_count":8,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-09-27T12:22:05.604Z","etag":null,"topics":["babel","babeljs","carousel","css","enzyme","es6","javascript","jest","js","mocha","npm","npm-package","npmjs","react","reactjs","sass","travis","travis-ci","travisci","webpack"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-quotes-carousel","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/CharlesStover.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}},"created_at":"2018-08-06T01:51:15.000Z","updated_at":"2024-02-26T08:08:36.000Z","dependencies_parsed_at":"2022-08-07T18:15:21.223Z","dependency_job_id":null,"html_url":"https://github.com/CharlesStover/react-quotes-carousel","commit_stats":null,"previous_names":["charlesstover/react-quotes","quisido/react-quotes-carousel","charlesstover/react-quotes-carousel"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesStover%2Freact-quotes-carousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesStover%2Freact-quotes-carousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesStover%2Freact-quotes-carousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesStover%2Freact-quotes-carousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CharlesStover","download_url":"https://codeload.github.com/CharlesStover/react-quotes-carousel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219875436,"owners_count":16554678,"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":["babel","babeljs","carousel","css","enzyme","es6","javascript","jest","js","mocha","npm","npm-package","npmjs","react","reactjs","sass","travis","travis-ci","travisci","webpack"],"created_at":"2024-09-27T12:22:19.128Z","updated_at":"2025-10-01T12:31:07.080Z","avatar_url":"https://github.com/CharlesStover.png","language":"JavaScript","funding_links":["https://github.com/sponsors/CharlesStover"],"categories":[],"sub_categories":[],"readme":"# Quotes Carousel for React [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Add%20a%20beautiful%20quotes%20carousel%20to%20your%20React%20application.%20pic.twitter.com/Mdv1V6L8Ih\u0026url=https://github.com/CharlesStover/react-quotes-carousel\u0026via=CharlesStover\u0026hashtags=react,reactjs,javascript,webdev,webdeveloper,webdevelopment)\n\n`react-quotes-carousel` is a dependency-free quotes carousel for React!\n\n[![version](https://img.shields.io/npm/v/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)\n[![minified size](https://img.shields.io/bundlephobia/min/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)\n[![minzipped size](https://img.shields.io/bundlephobia/minzip/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)\n[![downloads](https://img.shields.io/npm/dt/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)\n[![build](https://api.travis-ci.com/CharlesStover/react-quotes-carousel.svg)](https://travis-ci.com/CharlesStover/react-quotes-carousel/)\n\n[![screenshot](https://user-images.githubusercontent.com/343837/44218050-7d7a2000-a13e-11e8-9fde-a64fc804262d.gif)](https://www.npmjs.com/package/react-quotes-carousel)\n\n## Install\n\n* `npm install react-quotes-carousel --save` or\n* `yarn add react-quotes-carousel`\n\n## Props\n\n* animationDuration (optional)\n\n  The duration of the sliding animation, in milliseconds. Default: `1500`\n\n* className (optional)\n\n  A CSS class name for the root element that contains the slider.\n\n* delay (optional)\n\n  The delay before sliding to the next quote, in milliseconds. Default: `5000`\n\n* quotes\n\n  An array of quotes to display in the slider.\n  Each quote should be in the format:\n\n```\ninterface Quote {\n  author: string;\n  company: string;\n  image: string;\n  quote: string;\n}\n```\n\n* shuffle (optional)\n\n  Shuffles the quotes before rendering them. Default: `false`\n\n## Sponsor 💗\n\nIf you are a fan of this project, you may\n[become a sponsor](https://github.com/sponsors/CharlesStover)\nvia GitHub's Sponsors Program.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharlesstover%2Freact-quotes-carousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcharlesstover%2Freact-quotes-carousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharlesstover%2Freact-quotes-carousel/lists"}