Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/react-testimonials

Responsive React Testimonials / Reviews templates built with Bootstrap 5. Testimonial page and section templates with stars, images, background images, cards & more. https://mdbootstrap.com/docs/react/extended/testimonials/
https://github.com/mdbootstrap/react-testimonials

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html js react testimonials

Last synced: 16 days ago
JSON representation

Host: GitHub
URL: https://github.com/mdbootstrap/react-testimonials
Owner: mdbootstrap
License: other
Created: 2022-08-25T12:11:19.000Z (about 2 years ago)
Default Branch: master
Last Pushed: 2022-08-25T12:30:47.000Z (about 2 years ago)
Last Synced: 2024-10-16T11:01:56.779Z (about 1 month ago)
Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, css, html, js, react, testimonials
Language: JavaScript
Homepage:
Size: 272 KB
Stars: 0
Watchers: 5
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-react.png)

# MDB React 5

Responsive React Testimonials / Reviews templates built with Bootstrap 5. Testimonial page and section templates with stars, images, background images, cards & more.

Check out [React Testimonials / Reviews Documentation](https://mdbootstrap.com/docs/react/extended/testimonials) for detailed instructions & even more examples.

## Basic example
![Basic example](https://user-images.githubusercontent.com/108793661/186661711-4db57ac8-9e54-4bb2-b02d-cfb2db29be4a.png)
```js
import React from "react";
import {
MDBCol,
MDBContainer,
MDBIcon,
MDBRow,
MDBTypography,
} from "mdb-react-ui-kit";

export default function App() {
return (

Testimonials

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit,
error amet numquam iure provident voluptate esse quasi, veritatis
totam voluptas nostrum quisquam eum porro a pariatur veniam.

Maria Smantha

Web Developer

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos
id officiis hic tenetur quae quaerat ad velit ab hic tenetur.

Lisa Cudrow

Graphic Designer

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
suscipit laboriosam, nisi ut aliquid commodi.

John Smith

Marketing Specialist

At vero eos et accusamus et iusto odio dignissimos ducimus qui
blanditiis praesentium voluptatum deleniti atque corrupti.

);
}
```

## How to use?

1. Download MDB 5 - FREE REACT UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples (click on the image to see a live demo)
### Testimonials section with background image:
[![React Testimonials #1](https://user-images.githubusercontent.com/108793661/186661932-126f094d-4a6f-4a78-a517-750b2c81755e.png)](https://mdbootstrap.com/docs/react/extended/testimonials#section-2)

### Small testimonials carousel:
[![React Testimonials #2](https://user-images.githubusercontent.com/108793661/186662843-cdf4ee9c-5149-4d7c-b616-afe88d41300e.png)](https://mdbootstrap.com/docs/react/extended/testimonials#section-3)

### Review cards:
[![React Testimonials #3](https://user-images.githubusercontent.com/108793661/186662946-32250d25-376b-4cf3-a824-bb1bc24a8363.png)](https://mdbootstrap.com/docs/react/extended/testimonials#section-4)

### Testimonials with gradient background:
[![React Testimonials #4](https://user-images.githubusercontent.com/108793661/186663061-c2280cdd-03ca-4f42-9011-7a86bd93672f.png)](https://mdbootstrap.com/docs/react/extended/testimonials#section-5)

You can find other examples [here](https://mdbootstrap.com/docs/react/extended/square-buttons).

## More extended React documentation