{"id":15731796,"url":"https://github.com/mdbootstrap/react-testimonial-slider","last_synced_at":"2026-04-19T14:02:35.043Z","repository":{"id":57906497,"uuid":"528747659","full_name":"mdbootstrap/react-testimonial-slider","owner":"mdbootstrap","description":"Responsive React Testimonial Reviews Slider templates built with Bootstrap 5. See examples of the combination of Bootstrap carousel with testimonial reviews.  https://mdbootstrap.com/docs/react/extended/testimonial-slider","archived":false,"fork":false,"pushed_at":"2022-08-25T12:18:10.000Z","size":277,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-06T08:54:13.369Z","etag":null,"topics":["bootstrap","bootstrap-template","bootstrap-theme","bootstrap5","css","html","js","react","slider","testimonial"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/mdbootstrap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License.pdf","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-25T07:47:22.000Z","updated_at":"2022-08-25T07:57:47.000Z","dependencies_parsed_at":"2022-08-29T22:12:22.349Z","dependency_job_id":null,"html_url":"https://github.com/mdbootstrap/react-testimonial-slider","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Freact-testimonial-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Freact-testimonial-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Freact-testimonial-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Freact-testimonial-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/react-testimonial-slider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246408104,"owners_count":20772230,"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":["bootstrap","bootstrap-template","bootstrap-theme","bootstrap5","css","html","js","react","slider","testimonial"],"created_at":"2024-10-04T00:05:42.015Z","updated_at":"2026-04-19T14:02:30.012Z","avatar_url":"https://github.com/mdbootstrap.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-react.png)\n\n# MDB React 5\n\nResponsive React Testimonial Reviews Slider templates built with Bootstrap 5. See examples of the combination of Bootstrap carousel with testimonial reviews.\n\nCheck out [React Testimonial Slider Documentation](https://mdbootstrap.com/docs/react/extended/testimonial-slider) for detailed instructions \u0026 even more examples.\n\n## Basic example \n![Basic example](https://user-images.githubusercontent.com/108793661/186608301-ea4a28a8-3c4b-4d04-afde-546ecc4ab813.png)\n\n```js\nimport React from \"react\";\nimport {\n  MDBCarousel,\n  MDBCarouselInner,\n  MDBCarouselItem,\n  MDBContainer,\n  MDBRow,\n  MDBCol,\n  MDBIcon,\n} from \"mdb-react-ui-kit\";\n\nexport default function App() {\n  return (\n    \u003cMDBContainer className=\"my-5\"\u003e\n      \u003cMDBCarousel showControls dark\u003e\n        \u003cMDBCarouselInner\u003e\n          \u003cMDBCarouselItem className=\"active text-center\"\u003e\n            \u003cimg\n              src=\"https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(10).webp\"\n              alt=\"avatar\"\n              className=\"rounded-circle shadow-1-strong mb-4\"\n              style={{ width: \"150px\" }}\n            /\u003e\n            \u003cMDBRow className=\"d-flex justify-content-center\"\u003e\n              \u003cMDBCol lg=\"8\"\u003e\n                \u003ch5 className=\"mb-3\"\u003eMaria Kate\u003c/h5\u003e\n                \u003cp\u003ePhotographer\u003c/p\u003e\n                \u003cp className=\"text-muted\"\u003e\n                  \u003cMDBIcon fas icon=\"quote-left\" className=\"pe-2\" /\u003e\n                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus\n                  et deleniti nesciunt sint eligendi reprehenderit reiciendis,\n                  quibusdam illo, beatae quia fugit consequatur laudantium velit\n                  magnam error. Consectetur distinctio fugit doloremque.\n                \u003c/p\u003e\n              \u003c/MDBCol\u003e\n            \u003c/MDBRow\u003e\n            \u003cul className=\"list-unstyled d-flex justify-content-center text-warning mb-0\"\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon far icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/MDBCarouselItem\u003e\n\n          \u003cMDBCarouselItem className=\"text-center\"\u003e\n            \u003cimg\n              src=\"https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(32).webp\"\n              alt=\"avatar\"\n              className=\"rounded-circle shadow-1-strong mb-4\"\n              style={{ width: \"150px\" }}\n            /\u003e\n            \u003cMDBRow className=\"d-flex justify-content-center\"\u003e\n              \u003cMDBCol lg=\"8\"\u003e\n                \u003ch5 className=\"mb-3\"\u003eJohn Doe\u003c/h5\u003e\n                \u003cp\u003eWeb Developer\u003c/p\u003e\n                \u003cp className=\"text-muted\"\u003e\n                  \u003cMDBIcon fas icon=\"quote-left\" className=\"pe-2\" /\u003e\n                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus\n                  et deleniti nesciunt sint eligendi reprehenderit reiciendis.\n                \u003c/p\u003e\n              \u003c/MDBCol\u003e\n            \u003c/MDBRow\u003e\n            \u003cul className=\"list-unstyled d-flex justify-content-center text-warning mb-0\"\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon far icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/MDBCarouselItem\u003e\n\n          \u003cMDBCarouselItem className=\"text-center\"\u003e\n            \u003cimg\n              src=\"https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(1).webp\"\n              alt=\"avatar\"\n              className=\"rounded-circle shadow-1-strong mb-4\"\n              style={{ width: \"150px\" }}\n            /\u003e\n            \u003cMDBRow className=\"d-flex justify-content-center\"\u003e\n              \u003cMDBCol lg=\"8\"\u003e\n                \u003ch5 className=\"mb-3\"\u003eAnna Deynah\u003c/h5\u003e\n                \u003cp\u003eWeb Developer\u003c/p\u003e\n                \u003cp className=\"text-muted\"\u003e\n                  \u003cMDBIcon fas icon=\"quote-left\" className=\"pe-2\" /\u003e\n                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus\n                  et deleniti nesciunt sint eligendi reprehenderit reiciendis,\n                  quibusdam illo, beatae quia fugit consequatur laudantium velit\n                  magnam error. Consectetur distinctio fugit doloremque.\n                \u003c/p\u003e\n              \u003c/MDBCol\u003e\n            \u003c/MDBRow\u003e\n            \u003cul className=\"list-unstyled d-flex justify-content-center text-warning mb-0\"\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon fas icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n              \u003cli\u003e\n                \u003cMDBIcon far icon=\"star\" size=\"sm\" /\u003e\n              \u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/MDBCarouselItem\u003e\n        \u003c/MDBCarouselInner\u003e\n      \u003c/MDBCarousel\u003e\n    \u003c/MDBContainer\u003e\n  );\n}\n```\n\n## How to use?\n\n1. Download MDB 5 - FREE REACT UI KIT\n\n2. Choose your favourite customized component and click on the image\n\n3. Copy \u0026 paste the code into your MDB project\n\n[▶️ Subscribe to YouTube channel for web development tutorials \u0026 resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)\n\n## More examples (click on the image to see a live demo)\n### Multiitem carousel:\n[![React Square Buttons #1](https://user-images.githubusercontent.com/108793661/186607955-c3e03537-d994-4947-824c-dbec0ea13696.png)](https://mdbootstrap.com/docs/react/extended/testimonial-slider/#section-multiitem-carousel)\n\n\u003chr /\u003e\n\n## More extended React documentation\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/code/\"\u003eReact Bootstrap Code\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/gallery/\"\u003eReact Bootstrap Gallery\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/hamburger-menu/\"\u003eReact Bootstrap Hamburger Menu\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/jumbotron/\"\u003eReact Bootstrap Jumbotron\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/maps/\"\u003eReact Bootstrap Maps\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/mega-menu//\"\u003eReact Bootstrap Mega Menu\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/media-object/\"\u003eReact Bootstrap Media object\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/multiselect/\"\u003eReact Bootstrap Multiselect\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/masonry/\"\u003eReact Bootstrap Masonry\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/contact/\"\u003eReact Bootstrap Contact form\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/gradients/\"\u003eReact Bootstrap Gradients\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/pagination/\"\u003eReact Bootstrap Pagination\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/panels/\"\u003eReact Bootstrap Panels\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/social-media/\"\u003eReact Bootstrap Social Media icons \u0026 buttons\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/search/\"\u003eReact Bootstrap Search\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/table-sort/\"\u003eReact Bootstrap Table sort\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/table-responsive/\"\u003eReact Bootstrap Table responsive\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/table-scroll/\"\u003eReact Bootstrap Table scroll\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/table-search/\"\u003eReact Bootstrap Table search\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/textarea/\"\u003eReact Bootstrap Textarea\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/sidebar/\"\u003eReact Bootstrap Sidebar\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/profiles/\"\u003eReact Bootstrap Profiles\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/dropdown-multilevel/\"\u003eReact Bootstrap Nested Dropdown\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/bootstrap-address-form/\"\u003eReact Bootstrap Address Form\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/back-to-top\"\u003eReact Scroll Back to Top button\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/product-cards\"\u003eReact Product Cards\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/avatar\"\u003eReact Avatar\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/carousel-with-thumbnails\"\u003eReact Carousel Slider with Thumbnails\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/chat\"\u003eReact Chat\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/comparison-table\"\u003eReact Comparison table\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/comments\"\u003eReact Comments\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/drawer\"\u003eReact Drawer\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/faq\"\u003eReact FAQ component / section\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/invoice\"\u003eReact Invoice\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/news-feed\"\u003eReact News feed\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/offcanvas\"\u003eReact Offcanvas\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/order-details\"\u003eReact Order details\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/page-transitions\"\u003eReact Page transitions\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/quotes\"\u003eReact Quotes\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/payment-forms\"\u003eReact Payment forms\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/select-with-custom-input\"\u003eReact Select with custom Input\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/react/extended/square-buttons\"\u003eReact Square buttons\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Freact-testimonial-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2Freact-testimonial-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Freact-testimonial-slider/lists"}